@k2b/ui 0.2.0 → 0.3.0

package/dist/browser/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","_$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":[]}
+{"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 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/browser/inputs/TextInput.js

@@ -124,7 +124,13 @@ export function TextInput(props) {
                   "onInput": event => {
                     input(event.currentTarget.value);
                   },
-                  "onChange": event => commit(event.currentTarget.value)
+                  "onChange": event => commit(event.currentTarget.value),
+                  "onKeyDown": event => {
+                    if (local.onSubmit && event.key === "Enter" && !event.shiftKey && !event.metaKey) {
+                      event.preventDefault();
+                      local.onSubmit();
+                    }
+                  }
                 }), false, false);
                 _$runHydrationEvents();
                 return _el$19;

package/dist/browser/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","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$1","_el$10","_co$","_$getNextMarker","_el$11","_el$12","_co$2","_el$13","_el$14","_co$3","_el$15","_el$16","_co$4","_el$17","_el$18","_co$5","_$insert","prefix","_el$5","_tmpl$","_el$19","_tmpl$6","_$spread","_$mergeProps","controlId","type","_$memo","password","minlength","minLength","maxlength","maxLength","event","currentTarget","_$runHydrationEvents","_el$6","_tmpl$2","rows","lines","onSubmit","key","shiftKey","metaKey","preventDefault","suffix","_el$7","clearable","readOnly","_el$8","_tmpl$3","$$click","_$effect","_$setAttribute","clearLabel","_el$9","_tmpl$4","_el$0","visible","_p$","_v$","hidePassword","showPassword","_v$2","_v$3","_v$4","e","t","a","_$setProperty","o","_$className","undefined","_v$5","_v$6","_v$7","_v$8","monospace","_v$9","String","_v$0","_v$1","i","_$style","n","s","name","placeholder","spellcheck","abbreviations","completions","aria-label","aria-describedby","_$delegateEvents"],"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","_el$","_$getNextElement","_tmpl$5","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$1","_el$10","_co$","_$getNextMarker","_el$11","_el$12","_co$2","_el$13","_el$14","_co$3","_el$15","_el$16","_co$4","_el$17","_el$18","_co$5","_$insert","prefix","_el$5","_tmpl$","_el$19","_tmpl$6","_$spread","_$mergeProps","controlId","type","_$memo","password","minlength","minLength","maxlength","maxLength","event","currentTarget","onSubmit","key","shiftKey","metaKey","preventDefault","_$runHydrationEvents","_el$6","_tmpl$2","rows","lines","suffix","_el$7","clearable","readOnly","_el$8","_tmpl$3","$$click","_$effect","_$setAttribute","clearLabel","_el$9","_tmpl$4","_el$0","visible","_p$","_v$","hidePassword","showPassword","_v$2","_v$3","_v$4","e","t","a","_$setProperty","o","_$className","undefined","_v$5","_v$6","_v$7","_v$8","monospace","_v$9","String","_v$0","_v$1","i","_$style","n","s","name","placeholder","spellcheck","abbreviations","completions","aria-label","aria-describedby","_$delegateEvents"],"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/browser/inputs/markdown/MarkdownEditor.js

@@ -6,6 +6,7 @@ import { spread as _$spread } from "solid-js/web";
 import { mergeProps as _$mergeProps } from "solid-js/web";
 import { use as _$use } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
 import { setProperty as _$setProperty } from "solid-js/web";
@@ -13,16 +14,16 @@ 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 { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
-import { memo as _$memo } from "solid-js/web";
 var _tmpl$ = /*#__PURE__*/_$template(`<button type=button class=k2b-markdown-editor__tool tabindex=-1><i aria-hidden=true>`),
   _tmpl$2 = /*#__PURE__*/_$template(`<div class=k2b-markdown-editor__placeholder aria-hidden=true>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<div class=k2b-markdown-editor__stats aria-hidden=true><span><!$><!/> <!$><!/></span><span><!$><!/> <!$><!/></span><span><!$><!/> <!$><!/>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<div class=k2b-autocomplete__status role=status><i class="ti ti-loader-2 k2b-spin"aria-hidden=true></i>Loading suggestions`),
   _tmpl$5 = /*#__PURE__*/_$template(`<div popover=manual class=k2b-autocomplete__options role=presentation><div class=k2b-autocomplete__listbox role=listbox><!$><!/><!$><!/><!$><!/>`),
   _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-markdown-editor role=group><!$><!/><div class=k2b-markdown-editor__surface><!$><!/><div class=k2b-markdown-editor__preview aria-hidden=true></div><textarea class=k2b-markdown-editor__input></textarea></div><!$><!/><!$><!/>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<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>`),
-  _tmpl$8 = /*#__PURE__*/_$template(`<div class=k2b-autocomplete__option role=option><span></span><!$><!/>`),
-  _tmpl$9 = /*#__PURE__*/_$template(`<small>`);
+  _tmpl$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-markdown-editor__tool><i class="ti ti-x"aria-hidden=true>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<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>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<div class=k2b-autocomplete__option role=option><span></span><!$><!/>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<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";
@@ -396,7 +397,7 @@ export function MarkdownEditor(props) {
       event.preventDefault();
     }
   };
-  const saveControls = () => [_$memo(() => props.toolbarTrailing), _$createComponent(Show, {
+  const saveControls = () => _$createComponent(Show, {
     get when() {
       return props.onSave;
     },
@@ -409,7 +410,7 @@ export function MarkdownEditor(props) {
         var _v$ = messages().saveShortcut,
           _v$2 = messages().save,
           _v$3 = props.disabled || props.saveDisabled || props.saving,
-          _v$4 = props.saving ? "ti ti-loader-2 k2b-spin" : "ti ti-device-floppy";
+          _v$4 = props.saving ? "ti ti-loader-2 k2b-spin" : props.saved ? "ti ti-check" : "ti ti-device-floppy";
         _v$ !== _p$.e && _$setAttribute(_el$, "title", _p$.e = _v$);
         _v$2 !== _p$.t && _$setAttribute(_el$, "aria-label", _p$.t = _v$2);
         _v$3 !== _p$.a && _$setProperty(_el$, "disabled", _p$.a = _v$3);
@@ -424,7 +425,7 @@ export function MarkdownEditor(props) {
       _$runHydrationEvents();
       return _el$;
     }
-  })];
+  });
   return _$createComponent(Field, {
     get ["class"]() {
       return props.class;
@@ -464,7 +465,7 @@ export function MarkdownEditor(props) {
       _el$3.$$keydown = event => {
         if (props.onSave && (event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
           event.preventDefault();
-          if (!props.saveDisabled && !props.saving) props.onSave();
+          if (!props.disabled && !props.saveDisabled && !props.saving) props.onSave();
         }
       };
       _$insert(_el$3, _$createComponent(Show, {
@@ -479,7 +480,30 @@ export function MarkdownEditor(props) {
               return props.disabled;
             },
             get trailing() {
-              return saveControls();
+              return [_$memo(() => props.toolbarTrailing), _$memo(saveControls), _$createComponent(Show, {
+                get when() {
+                  return props.onClose;
+                },
+                get children() {
+                  var _el$42 = _$getNextElement(_tmpl$7);
+                  _el$42.$$click = () => props.onClose?.();
+                  _$effect(_p$ => {
+                    var _v$12 = messages().close,
+                      _v$13 = messages().close,
+                      _v$14 = props.disabled ? 0 : -1;
+                    _v$12 !== _p$.e && _$setAttribute(_el$42, "title", _p$.e = _v$12);
+                    _v$13 !== _p$.t && _$setAttribute(_el$42, "aria-label", _p$.t = _v$13);
+                    _v$14 !== _p$.a && _$setAttribute(_el$42, "tabindex", _p$.a = _v$14);
+                    return _p$;
+                  }, {
+                    e: undefined,
+                    t: undefined,
+                    a: undefined
+                  });
+                  _$runHydrationEvents();
+                  return _el$42;
+                }
+              })];
             }
           });
         }
@@ -614,16 +638,16 @@ export function MarkdownEditor(props) {
               return completionError();
             },
             children: message => (() => {
-              var _el$42 = _$getNextElement(_tmpl$7),
-                _el$43 = _el$42.firstChild,
-                _el$44 = _el$43.nextSibling,
-                _el$45 = _el$44.nextSibling;
-              _$insert(_el$44, message);
-              _el$45.$$click = retryCompletion;
-              _el$45.$$mousedown = event => event.preventDefault();
-              _$insert(_el$45, () => messages().retry);
+              var _el$43 = _$getNextElement(_tmpl$8),
+                _el$44 = _el$43.firstChild,
+                _el$45 = _el$44.nextSibling,
+                _el$46 = _el$45.nextSibling;
+              _$insert(_el$45, message);
+              _el$46.$$click = retryCompletion;
+              _el$46.$$mousedown = event => event.preventDefault();
+              _$insert(_el$46, () => messages().retry);
               _$runHydrationEvents();
-              return _el$42;
+              return _el$43;
             })()
           }), _el$33, _co$9);
           _$insert(_el$28, _$createComponent(For, {
@@ -632,18 +656,18 @@ export function MarkdownEditor(props) {
             },
             children: (suggestion, index) => // biome-ignore lint/a11y/useKeyWithClickEvents: the owning textarea handles keyboard activation through aria-activedescendant.
             (() => {
-              var _el$46 = _$getNextElement(_tmpl$8),
-                _el$47 = _el$46.firstChild,
-                _el$48 = _el$47.nextSibling,
-                [_el$49, _co$12] = _$getNextMarker(_el$48.nextSibling);
-              _el$46.$$click = () => {
+              var _el$47 = _$getNextElement(_tmpl$9),
+                _el$48 = _el$47.firstChild,
+                _el$49 = _el$48.nextSibling,
+                [_el$50, _co$12] = _$getNextMarker(_el$49.nextSibling);
+              _el$47.$$click = () => {
                 activateSuggestion(index());
                 textarea?.focus();
               };
-              _el$46.$$mousedown = event => {
+              _el$47.$$mousedown = event => {
                 event.preventDefault();
               };
-              _el$46.addEventListener("mouseenter", () => {
+              _el$47.addEventListener("mouseenter", () => {
                 const current = state();
                 if (current) {
                   setState({
@@ -652,29 +676,29 @@ export function MarkdownEditor(props) {
                   });
                 }
               });
-              _$insert(_el$47, () => displayLabel(suggestion, state().context.completion));
-              _$insert(_el$46, _$createComponent(Show, {
+              _$insert(_el$48, () => displayLabel(suggestion, state().context.completion));
+              _$insert(_el$47, _$createComponent(Show, {
                 get when() {
                   return suggestion.hint;
                 },
                 children: hint => (() => {
-                  var _el$50 = _$getNextElement(_tmpl$9);
-                  _$insert(_el$50, hint);
-                  return _el$50;
+                  var _el$51 = _$getNextElement(_tmpl$0);
+                  _$insert(_el$51, hint);
+                  return _el$51;
                 })()
-              }), _el$49, _co$12);
+              }), _el$50, _co$12);
               _$effect(_p$ => {
-                var _v$12 = optionId(index()),
-                  _v$13 = index() === state()?.selectedIndex;
-                _v$12 !== _p$.e && _$setAttribute(_el$46, "id", _p$.e = _v$12);
-                _v$13 !== _p$.t && _$setAttribute(_el$46, "aria-selected", _p$.t = _v$13);
+                var _v$15 = optionId(index()),
+                  _v$16 = index() === state()?.selectedIndex;
+                _v$15 !== _p$.e && _$setAttribute(_el$47, "id", _p$.e = _v$15);
+                _v$16 !== _p$.t && _$setAttribute(_el$47, "aria-selected", _p$.t = _v$16);
                 return _p$;
               }, {
                 e: undefined,
                 t: undefined
               });
               _$runHydrationEvents();
-              return _el$46;
+              return _el$47;
             })()
           }), _el$35, _co$0);
           _$effect(_p$ => {
@@ -695,7 +719,7 @@ export function MarkdownEditor(props) {
           _v$8 = !props.label ? props["aria-label"] : undefined,
           _v$9 = props.disabled ? "true" : undefined,
           _v$0 = error() ? "true" : undefined,
-          _v$1 = props.variant === "paper" ? "paper" : undefined,
+          _v$1 = props.variant === "default" ? undefined : props.variant,
           _v$10 = props.fill ? "true" : undefined,
           _v$11 = String(props.lines ?? 6);
         _v$7 !== _p$.e && _$setAttribute(_el$3, "aria-labelledby", _p$.e = _v$7);