@k2b/ui 0.1.1 → 0.3.0

package/dist/ssr/inputs/ChoiceInputs.js

@@ -5,7 +5,7 @@ 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\"", "", "", ">"],
+var _tmpl$ = ["<input class=\"k2b-control k2b-pin-input__digit\"", " 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>"],
@@ -30,7 +30,7 @@ export function PinInput(props) {
     if (value.length === length()) props.onValueCommit?.(value);
   };
   const updateDigit = (index, input) => {
-    if (props.disabled) return;
+    if (props.disabled || props.readOnly) return;
     const digit = input.replace(/\D/g, "").slice(-1);
     const current = digits();
     emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);
@@ -40,8 +40,11 @@ export function PinInput(props) {
     }
   };
   const handleKeyDown = (index, event) => {
-    if (props.disabled) return;
-    if (event.key === "ArrowLeft" && index > 0) {
+    if (props.disabled || props.readOnly) return;
+    if (event.key === "Enter" && props.onSubmit && !event.shiftKey && !event.metaKey) {
+      event.preventDefault();
+      props.onSubmit();
+    } else if (event.key === "ArrowLeft" && index > 0) {
       event.preventDefault();
       inputs[index - 1]?.focus();
       inputs[index - 1]?.select();
@@ -58,7 +61,7 @@ export function PinInput(props) {
     }
   };
   const handlePaste = event => {
-    if (props.disabled) return;
+    if (props.disabled || props.readOnly) return;
     const pasted = event.clipboardData?.getData("text").replace(/\D/g, "");
     if (!pasted) return;
     event.preventDefault();
@@ -108,7 +111,7 @@ export function PinInput(props) {
             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({
+        children: (_, index) => _$ssr(_tmpl$, _$ssrAttribute("data-filled", digits()[index()] ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("type", props.password ? "password" : "text", false), _$ssrAttribute("value", _$escape(digits()[index()] ?? "", true), false), _$ssrAttribute("required", props.required, true), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("readonly", _$escape(props.readOnly, true), false) + _$ssrAttribute("aria-label", _$escape(messages().pinDigit({
           index: index() + 1,
           total: length()
         }), true), false))

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

@@ -1 +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":[]}
+{"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","readOnly","digit","current","focus","select","handleKeyDown","event","key","onSubmit","shiftKey","metaKey","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","password","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  password?: boolean;\n  readOnly?: boolean;\n  onSubmit?: () => void;\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 || props.readOnly) return;\n    const digit = input.replace(/\\D/g, \"\").slice(-1);\n    const current = digits();\n    emit(`${current.slice(0, index)}${digit}${current.slice(index + 1)}`);\n    if (digit && index < length() - 1) {\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    }\n  };\n\n  const handleKeyDown = (index: number, event: KeyboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    if (event.key === \"Enter\" && props.onSubmit && !event.shiftKey && !event.metaKey) {\n      event.preventDefault();\n      props.onSubmit();\n    } else if (event.key === \"ArrowLeft\" && index > 0) {\n      event.preventDefault();\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    } else if (event.key === \"ArrowRight\" && index < length() - 1) {\n      event.preventDefault();\n      inputs[index + 1]?.focus();\n      inputs[index + 1]?.select();\n    } else if (event.key === \"Backspace\" && !digits()[index] && index > 0) {\n      event.preventDefault();\n      const current = digits();\n      emit(`${current.slice(0, index - 1)}${current.slice(index)}`);\n      inputs[index - 1]?.focus();\n      inputs[index - 1]?.select();\n    }\n  };\n\n  const handlePaste = (event: ClipboardEvent) => {\n    if (props.disabled || props.readOnly) return;\n    const pasted = event.clipboardData?.getData(\"text\").replace(/\\D/g, \"\");\n    if (!pasted) return;\n    event.preventDefault();\n    const focused = inputs.indexOf(document.activeElement as HTMLInputElement);\n    const start = focused >= 0 ? focused : 0;\n    const insert = pasted.slice(0, length() - start);\n    const current = digits();\n    emit(`${current.slice(0, start)}${insert}${current.slice(start + insert.length)}`.slice(0, length()));\n    const next = Math.min(start + insert.length, length() - 1);\n    inputs[next]?.focus();\n    inputs[next]?.select();\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      labelFor={false}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div\n        class=\"k2b-pin-input\"\n        id={meta.controlId}\n        data-stretch={props.stretch ? \"true\" : undefined}\n        role=\"group\"\n        {...fieldControlAria(meta, props)}\n        onPaste={handlePaste}\n      >\n        <For each={Array.from({ length: length() })}>\n          {(_, index) => (\n            <input\n              ref={(element) => {\n                inputs[index()] = element;\n              }}\n              class=\"k2b-control k2b-pin-input__digit\"\n              data-filled={digits()[index()] ? \"true\" : undefined}\n              type={props.password ? \"password\" : \"text\"}\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              pattern=\"[0-9]\"\n              maxlength={1}\n              value={digits()[index()] ?? \"\"}\n              required={props.required}\n              disabled={props.disabled}\n              readOnly={props.readOnly}\n              aria-label={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":[]}

package/dist/ssr/inputs/SelectChip.js

@@ -1,9 +1,9 @@
-import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
-var _tmpl$ = ["<span>", "</span>"],
+var _tmpl$ = ["<span", ">", "</span>"],
   _tmpl$2 = "<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"></i>",
   _tmpl$3 = ["<i", " aria-hidden=\"true\"></i>"],
   _tmpl$4 = ["<img", " alt>"],
@@ -110,7 +110,7 @@ export function SelectChip(props) {
                   return !props.iconOnly;
                 },
                 get children() {
-                  return [_$ssr(_tmpl$, _$escape(selected()?.label ?? props.placeholder ?? "")), _$ssr(_tmpl$2)];
+                  return [_$ssr(_tmpl$, _$ssrAttribute("data-placeholder", selected() ? _$escape(undefined, true) : "true", false), _$escape(selected()?.label ?? props.placeholder ?? "")), _$ssr(_tmpl$2)];
                 }
               })];
             }

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

@@ -1 +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","title","when","fallback","_$ssr","_tmpl$3","_$ssrAttribute","_$escape","_tmpl$4","_tmpl$","placeholder","_tmpl$2","name","_tmpl$5"],"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":[]}
+{"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","title","when","fallback","_$ssr","_tmpl$3","_$ssrAttribute","_$escape","_tmpl$4","_tmpl$","placeholder","_tmpl$2","name","_tmpl$5"],"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 data-placeholder={selected() ? undefined : \"true\"}>{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/ssr/inputs/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSignal","Show","splitProps","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","MarkdownEditor","TextInput","props","messages","local","rest","meta","id","value","error","passwordVisible","setPasswordVisible","multiline","Boolean","markdown","icon","variant","activeIcon","input","next","onValueChange","commit","onValueCommit","clear","onClear","_$createComponent","when","fallback","class","label","description","required","disabled","children","_$ssr","_tmpl$4","_$ssrAttribute","_$escape","undefined","monospace","_$ssrStyle","String","lines","prefix","_tmpl$","_$ssrElement","_$mergeProps","controlId","type","password","minlength","minLength","maxlength","maxLength","rows","suffix","clearable","readOnly","_tmpl$2","clearLabel","_tmpl$3","hidePassword","showPassword","name","onSubmit","placeholder","spellcheck","abbreviations","completions","aria-label","aria-describedby"],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\";\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const icon = () => local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : local.markdown ? \"ti ti-markdown\" : \"ti ti-cursor-text\");\n  const activeIcon = () => local.activeIcon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"ti ti-pencil\");\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const clear = () => {\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\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\n            class=\"k2b-input-shell k2b-text-input\"\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n              <i class={activeIcon()} />\n            </span>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(meta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(meta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                    event.preventDefault();\n                    local.onSubmit();\n                  }\n                }}\n              />\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? messages().hidePassword : messages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createSignal","Show","splitProps","createFieldMeta","Field","fieldControlAria","useUiMessages","commitFieldValue","resolveMaybeAccessor","MarkdownEditor","TextInput","props","messages","local","rest","meta","id","value","error","passwordVisible","setPasswordVisible","multiline","Boolean","markdown","icon","variant","activeIcon","input","next","onValueChange","commit","onValueCommit","clear","onClear","_$createComponent","when","fallback","class","label","description","required","disabled","children","_$ssr","_tmpl$4","_$ssrAttribute","_$escape","undefined","monospace","_$ssrStyle","String","lines","prefix","_tmpl$","_$ssrElement","_$mergeProps","controlId","type","password","minlength","minLength","maxlength","maxLength","rows","suffix","clearable","readOnly","_tmpl$2","clearLabel","_tmpl$3","hidePassword","showPassword","name","onSubmit","placeholder","spellcheck","abbreviations","completions","aria-label","aria-describedby"],"sources":["inputs/TextInput.tsx"],"sourcesContent":["import { createSignal, type JSX, Show, splitProps } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { Completion } from \"./completion\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport { MarkdownEditor } from \"./markdown/MarkdownEditor\";\n\nexport type TextInputProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onInput\" | \"prefix\" | \"suffix\" | \"type\" | \"value\" | keyof ValueFieldProps<string>\n> &\n  ValueFieldProps<string> & {\n    minLength?: number;\n    maxLength?: number;\n    type?: \"text\" | \"search\" | \"email\" | \"url\" | \"tel\";\n    variant?: \"default\" | \"ai\";\n    icon?: string;\n    activeIcon?: string;\n    prefix?: JSX.Element;\n    suffix?: JSX.Element;\n    clearable?: boolean;\n    onClear?: () => void;\n    clearLabel?: string;\n    multiline?: boolean;\n    monospace?: boolean;\n    password?: boolean;\n    markdown?: boolean;\n    onSubmit?: () => void;\n    lines?: number;\n    abbreviations?: Record<string, string>;\n    completions?: readonly Completion[];\n  };\n\nexport function TextInput(props: TextInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const [local, rest] = splitProps(props, [\n    \"activeIcon\",\n    \"aria-describedby\",\n    \"aria-label\",\n    \"class\",\n    \"clearLabel\",\n    \"clearable\",\n    \"completions\",\n    \"description\",\n    \"error\",\n    \"icon\",\n    \"id\",\n    \"label\",\n    \"lines\",\n    \"markdown\",\n    \"minLength\",\n    \"maxLength\",\n    \"monospace\",\n    \"multiline\",\n    \"onClear\",\n    \"onValueCommit\",\n    \"onSubmit\",\n    \"onValueChange\",\n    \"password\",\n    \"prefix\",\n    \"required\",\n    \"suffix\",\n    \"type\",\n    \"value\",\n    \"variant\",\n    \"abbreviations\",\n  ]);\n  const meta = createFieldMeta(local.id);\n  const value = () => resolveMaybeAccessor(local.value) ?? \"\";\n  const error = () => resolveMaybeAccessor(local.error);\n  const [passwordVisible, setPasswordVisible] = createSignal(false);\n  const multiline = () => Boolean(local.multiline || local.markdown);\n  const icon = () => local.icon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : local.markdown ? \"ti ti-markdown\" : \"ti ti-cursor-text\");\n  const activeIcon = () => local.activeIcon ?? (local.variant === \"ai\" ? \"ti ti-sparkles\" : \"ti ti-pencil\");\n  const input = (next: string) => local.onValueChange?.(next);\n  const commit = (next: string) => local.onValueCommit?.(next);\n  const clear = () => {\n    if (local.onClear) {\n      local.onClear();\n      return;\n    }\n    commitFieldValue(local, \"\");\n  };\n\n  return (\n    <Show\n      when={local.markdown}\n      fallback={\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\n            class=\"k2b-input-shell k2b-text-input\"\n            data-invalid={error() ? \"true\" : undefined}\n            data-ai={local.variant === \"ai\" ? \"true\" : undefined}\n            data-multiline={multiline() ? \"true\" : undefined}\n            data-monospace={local.monospace ? \"true\" : undefined}\n            style={multiline() ? { \"--k2b-editor-lines\": String(local.lines ?? 3) } : undefined}\n          >\n            <span class=\"k2b-input-shell__icon k2b-text-input__icon\" aria-hidden=\"true\">\n              <i class={icon()} />\n              <i class={activeIcon()} />\n            </span>\n            <Show when={local.prefix}>\n              <span class=\"k2b-input-shell__affix\">{local.prefix}</span>\n            </Show>\n            <Show\n              when={multiline()}\n              fallback={\n                <input\n                  {...rest}\n                  id={meta.controlId}\n                  class=\"k2b-input\"\n                  type={local.password && !passwordVisible() ? \"password\" : (local.type ?? \"text\")}\n                  value={value()}\n                  minlength={local.minLength}\n                  maxlength={local.maxLength}\n                  required={local.required}\n                  {...fieldControlAria(meta, local)}\n                  onInput={(event) => {\n                    input(event.currentTarget.value);\n                  }}\n                  onChange={(event) => commit(event.currentTarget.value)}\n                  onKeyDown={(event) => {\n                    if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                      event.preventDefault();\n                      local.onSubmit();\n                    }\n                  }}\n                />\n              }\n            >\n              <textarea\n                {...(rest as unknown as JSX.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n                id={meta.controlId}\n                class=\"k2b-input k2b-text-input__textarea\"\n                value={value()}\n                rows={local.lines ?? 3}\n                required={local.required}\n                minlength={local.minLength}\n                maxlength={local.maxLength}\n                {...fieldControlAria(meta, local)}\n                onInput={(event) => {\n                  input(event.currentTarget.value);\n                }}\n                onChange={(event) => commit(event.currentTarget.value)}\n                onKeyDown={(event) => {\n                  if (local.onSubmit && event.key === \"Enter\" && !event.shiftKey && !event.metaKey) {\n                    event.preventDefault();\n                    local.onSubmit();\n                  }\n                }}\n              />\n            </Show>\n            <Show when={local.suffix}>\n              <span class=\"k2b-input-shell__affix\">{local.suffix}</span>\n            </Show>\n            <Show when={local.clearable && value() && !multiline() && !local.password && !rest.disabled && !rest.readOnly}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear k2b-input-clear-action\"\n                aria-label={local.clearLabel ?? messages().clear}\n                onClick={clear}\n              >\n                <i class=\"ti ti-x\" aria-hidden=\"true\" />\n              </button>\n            </Show>\n            <Show when={local.password && !multiline()}>\n              <button\n                type=\"button\"\n                class=\"k2b-input-shell__clear\"\n                aria-label={passwordVisible() ? messages().hidePassword : messages().showPassword}\n                aria-pressed={passwordVisible()}\n                disabled={rest.disabled}\n                onClick={() => setPasswordVisible((visible) => !visible)}\n              >\n                <i class={passwordVisible() ? \"ti ti-eye-off\" : \"ti ti-eye\"} aria-hidden=\"true\" />\n              </button>\n            </Show>\n          </div>\n        </Field>\n      }\n    >\n      <MarkdownEditor\n        class={local.class}\n        label={local.label}\n        description={local.description}\n        error={error()}\n        id={meta.controlId}\n        name={rest.name}\n        value={value()}\n        onValueChange={input}\n        onValueCommit={local.onValueCommit}\n        onSubmit={local.onSubmit}\n        placeholder={rest.placeholder}\n        disabled={rest.disabled}\n        required={local.required}\n        lines={local.lines}\n        maxLength={local.maxLength}\n        spellcheck={rest.spellcheck === undefined ? undefined : rest.spellcheck === true || rest.spellcheck === \"true\"}\n        abbreviations={local.abbreviations}\n        completions={local.completions}\n        aria-label={local[\"aria-label\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n      />\n    </Show>\n  );\n}\n\nexport default TextInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/markdown/MarkdownEditor.js

@@ -11,9 +11,10 @@ var _tmpl$ = ["<button type=\"button\" class=\"k2b-markdown-editor__tool\"", " t
   _tmpl$4 = "<div class=\"k2b-autocomplete__status\" role=\"status\"><i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>Loading suggestions</div>",
   _tmpl$5 = ["<div popover=\"manual\" class=\"k2b-autocomplete__options\" role=\"presentation\"", "><div", " class=\"k2b-autocomplete__listbox\" role=\"listbox\"", ">", "", "", "</div></div>"],
   _tmpl$6 = ["<div class=\"k2b-markdown-editor\" role=\"group\"", " style=\"", "\">", "<div class=\"k2b-markdown-editor__surface\">", "<div class=\"k2b-markdown-editor__preview\" aria-hidden=\"true\"></div>", "</div>", "", "</div>"],
-  _tmpl$7 = ["<div class=\"k2b-autocomplete__status\" data-error=\"true\" role=\"alert\"><i class=\"ti ti-alert-circle\" aria-hidden=\"true\"></i><span>", "</span><button type=\"button\">", "</button></div>"],
-  _tmpl$8 = ["<div", " class=\"k2b-autocomplete__option\" role=\"option\"", "><span>", "</span>", "</div>"],
-  _tmpl$9 = ["<small>", "</small>"];
+  _tmpl$7 = ["<button type=\"button\" class=\"k2b-markdown-editor__tool\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$8 = ["<div class=\"k2b-autocomplete__status\" data-error=\"true\" role=\"alert\"><i class=\"ti ti-alert-circle\" aria-hidden=\"true\"></i><span>", "</span><button type=\"button\">", "</button></div>"],
+  _tmpl$9 = ["<div", " class=\"k2b-autocomplete__option\" role=\"option\"", "><span>", "</span>", "</div>"],
+  _tmpl$0 = ["<small>", "</small>"];
 import { highlight } from "@k2b/stdlib";
 import { createEffect, createMemo, createSignal, createUniqueId, For, onCleanup, onMount, Show, untrack } from "solid-js";
 import { createFieldMeta, Field, fieldControlAria } from "../../internal/field";
@@ -387,14 +388,14 @@ export function MarkdownEditor(props) {
       event.preventDefault();
     }
   };
-  const saveControls = () => [props.toolbarTrailing, _$createComponent(Show, {
+  const saveControls = () => _$createComponent(Show, {
     get when() {
       return props.onSave;
     },
     get children() {
-      return _$ssr(_tmpl$, _$ssrAttribute("title", _$escape(messages().saveShortcut, true), false) + _$ssrAttribute("aria-label", _$escape(messages().save, true), false), _$ssrAttribute("disabled", props.disabled || props.saveDisabled || props.saving, true), _$ssrAttribute("class", props.saving ? "ti ti-loader-2 k2b-spin" : "ti ti-device-floppy", false));
+      return _$ssr(_tmpl$, _$ssrAttribute("title", _$escape(messages().saveShortcut, true), false) + _$ssrAttribute("aria-label", _$escape(messages().save, true), false), _$ssrAttribute("disabled", props.disabled || props.saveDisabled || props.saving, true), _$ssrAttribute("class", props.saving ? "ti ti-loader-2 k2b-spin" : props.saved ? "ti ti-check" : "ti ti-device-floppy", false));
     }
-  })];
+  });
   return _$createComponent(Field, {
     get ["class"]() {
       return props.class;
@@ -419,7 +420,7 @@ export function MarkdownEditor(props) {
       return props.disabled;
     },
     get children() {
-      return _$ssr(_tmpl$6, _$ssrAttribute("aria-labelledby", props.label ? _$escape(meta.labelId, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", !props.label ? _$escape(props["aria-label"], true) : _$escape(undefined, true), false) + _$ssrAttribute("data-disabled", props.disabled ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-variant", props.variant === "paper" ? "paper" : _$escape(undefined, true), false) + _$ssrAttribute("data-fill", props.fill ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-editor-lines:", _$escape(String(props.lines ?? 6), true)), _$escape(_$createComponent(Show, {
+      return _$ssr(_tmpl$6, _$ssrAttribute("aria-labelledby", props.label ? _$escape(meta.labelId, true) : _$escape(undefined, true), false) + _$ssrAttribute("aria-label", !props.label ? _$escape(props["aria-label"], true) : _$escape(undefined, true), false) + _$ssrAttribute("data-disabled", props.disabled ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-variant", props.variant === "default" ? _$escape(undefined, true) : _$escape(props.variant, true), false) + _$ssrAttribute("data-fill", props.fill ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-editor-lines:", _$escape(String(props.lines ?? 6), true)), _$escape(_$createComponent(Show, {
         get when() {
           return !props.noToolbar;
         },
@@ -431,7 +432,14 @@ export function MarkdownEditor(props) {
               return props.disabled;
             },
             get trailing() {
-              return saveControls();
+              return [props.toolbarTrailing, saveControls(), _$createComponent(Show, {
+                get when() {
+                  return props.onClose;
+                },
+                get children() {
+                  return _$ssr(_tmpl$7, _$ssrAttribute("title", _$escape(messages().close, true), false) + _$ssrAttribute("aria-label", _$escape(messages().close, true), false) + _$ssrAttribute("tabindex", props.disabled ? 0 : -1, false));
+                }
+              })];
             }
           });
         }
@@ -494,17 +502,17 @@ export function MarkdownEditor(props) {
             get when() {
               return completionError();
             },
-            children: message => _$ssr(_tmpl$7, _$escape(message()), _$escape(messages().retry))
+            children: message => _$ssr(_tmpl$8, _$escape(message()), _$escape(messages().retry))
           })), _$escape(_$createComponent(For, {
             get each() {
               return state()?.suggestions ?? [];
             },
             children: (suggestion, index) => // biome-ignore lint/a11y/useKeyWithClickEvents: the owning textarea handles keyboard activation through aria-activedescendant.
-            _$ssr(_tmpl$8, _$ssrAttribute("id", _$escape(optionId(index()), true), false), _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(state()?.selectedIndex, true), false), _$escape(displayLabel(suggestion, state().context.completion)), _$escape(_$createComponent(Show, {
+            _$ssr(_tmpl$9, _$ssrAttribute("id", _$escape(optionId(index()), true), false), _$ssrAttribute("aria-selected", _$escape(index(), true) === _$escape(state()?.selectedIndex, true), false), _$escape(displayLabel(suggestion, state().context.completion)), _$escape(_$createComponent(Show, {
               get when() {
                 return suggestion.hint;
               },
-              children: hint => _$ssr(_tmpl$9, _$escape(hint()))
+              children: hint => _$ssr(_tmpl$0, _$escape(hint()))
             })))
           })));
         }