@k2b/ui 0.1.0-rc.0

package/dist/browser/inputs/TemplateEditor.js

@@ -0,0 +1,190 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<section><iframe sandbox>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<section>`);
+import { createMemo, For } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+import { PANES_LAYOUT_VERSION } from "../layout/panes-layout";
+import { AutocompleteEditor } from "./AutocompleteEditor";
+import { TextInput } from "./TextInput";
+export const createTemplateEditorPanesLayout = () => ({
+  version: PANES_LAYOUT_VERSION,
+  root: {
+    type: "split",
+    direction: "horizontal",
+    ratio: 0.5,
+    first: {
+      type: "group",
+      items: ["html"],
+      active: "html"
+    },
+    second: {
+      type: "group",
+      items: ["preview", "sample-data"],
+      active: "preview"
+    }
+  }
+});
+const HTML_TAGS = [{
+  name: "p",
+  snippet: "<p></p>",
+  hint: "paragraph"
+}, {
+  name: "a",
+  snippet: '<a href="{{ LOGIN_URL }}">Link</a>',
+  hint: "link"
+}, {
+  name: "strong",
+  snippet: "<strong></strong>",
+  hint: "bold"
+}, {
+  name: "em",
+  snippet: "<em></em>",
+  hint: "emphasis"
+}, {
+  name: "br",
+  snippet: "<br>",
+  hint: "line break"
+}, {
+  name: "ul",
+  snippet: "<ul>\n  <li></li>\n</ul>",
+  hint: "list"
+}, {
+  name: "table",
+  snippet: "<table>\n  <tr><td></td></tr>\n</table>",
+  hint: "table"
+}];
+const suggestion = (text, hint, label) => ({
+  text,
+  hint,
+  label,
+  appendSpace: false
+});
+const templateCompletions = variables => [{
+  trigger: "{",
+  dropdown: true,
+  allowAfterWord: true,
+  suggest: (query, context) => {
+    const normalized = query.toLowerCase();
+    const leadingBrace = context.tokenStart > 0 && context.fullText[context.tokenStart - 1] === "{";
+    const open = leadingBrace ? "{ " : "{{ ";
+    const close = leadingBrace ? " }}" : " }}";
+    const values = variables.filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`${open}${variable.name}${close}`, variable.kind ?? "string", variable.name));
+    const conditions = variables.filter(variable => variable.kind !== "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`{% if ${variable.name} != blank %}\n  \n{% endif %}`, "condition", `if ${variable.name}`));
+    const loops = variables.filter(variable => variable.kind === "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`{% for item in ${variable.name} %}\n  {{ item }}\n{% endfor %}`, "loop", `for ${variable.name}`));
+    return [...values, ...conditions, ...loops];
+  }
+}, {
+  trigger: "%",
+  dropdown: true,
+  allowAfterWord: true,
+  suggest: query => {
+    const normalized = query.toLowerCase();
+    const conditions = variables.filter(variable => variable.kind !== "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`% if ${variable.name} != blank %}\n  \n{% endif %}`, "condition", `if ${variable.name}`));
+    const loops = variables.filter(variable => variable.kind === "array").filter(variable => variable.name.toLowerCase().startsWith(normalized)).map(variable => suggestion(`% for item in ${variable.name} %}\n  {{ item }}\n{% endfor %}`, "loop", `for ${variable.name}`));
+    return [...conditions, ...loops];
+  }
+}, {
+  trigger: "<",
+  dropdown: true,
+  allowAfterWord: true,
+  suggest: query => {
+    const normalized = query.toLowerCase();
+    return HTML_TAGS.filter(tag => tag.name.startsWith(normalized)).map(tag => suggestion(tag.snippet, tag.hint, tag.name));
+  }
+}];
+const escapeHtml = value => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+const highlightLiquidToken = token => {
+  const inner = token.replace(/^\{\{|\}\}$|^\{%|\%}$/g, "").trim();
+  const keyword = inner.split(/\s+/)[0] ?? "";
+  const kind = token.startsWith("{%") ? keyword.startsWith("end") ? "end" : "control" : inner.includes("| raw") ? "raw" : "value";
+  return `<span class="k2b-template-token" data-kind="${kind}">${escapeHtml(token)}</span>`;
+};
+const highlightTag = tag => {
+  const match = tag.match(/^(&lt;\/?)([a-zA-Z][\w:-]*)([\s\S]*?)(&gt;)$/);
+  if (!match) return `<span class="k2b-template-tag">${tag}</span>`;
+  const attrs = (match[3] ?? "").replace(/([\w:-]+)(=)(&quot;[\s\S]*?&quot;|'[\s\S]*?'|[^\s&]+)/g, '<span class="k2b-template-attribute">$1</span><span class="k2b-template-punctuation">$2</span><span class="k2b-template-string">$3</span>');
+  return `<span class="k2b-template-punctuation">${match[1]}</span><span class="k2b-template-tag">${match[2]}</span>${attrs}<span class="k2b-template-punctuation">${match[4]}</span>`;
+};
+const highlightTemplate = text => {
+  const stashed = [];
+  const escaped = escapeHtml(text).replace(/{{[\s\S]*?}}|{%[\s\S]*?%}/g, token => {
+    const marker = `\uE000${stashed.length}\uE001`;
+    stashed.push(highlightLiquidToken(token));
+    return marker;
+  });
+  const withTags = escaped.replace(/&lt;!--[\s\S]*?--&gt;|&lt;\/?[a-zA-Z][\s\S]*?&gt;/g, tag => tag.startsWith("&lt;!--") ? `<span class="k2b-template-comment">${tag}</span>` : highlightTag(tag));
+  return withTags.replace(/\uE000(\d+)\uE001/g, (_, index) => stashed[Number(index)] ?? "");
+};
+export function TemplateEditor(props) {
+  const messages = useUiMessages();
+  const completions = createMemo(() => templateCompletions(props.variables));
+  return _$createComponent(AutocompleteEditor, _$mergeProps(props, {
+    get lines() {
+      return props.lines ?? 22;
+    },
+    get spellcheck() {
+      return props.spellcheck ?? false;
+    },
+    get placeholder() {
+      return props.placeholder ?? messages().templateEditorPlaceholder;
+    },
+    highlight: highlightTemplate,
+    get completions() {
+      return completions();
+    }
+  }));
+}
+export function TemplatePreview(props) {
+  const messages = useUiMessages();
+  return (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild;
+    _$effect(_p$ => {
+      var _v$ = `k2b-template-preview ${props.class ?? ""}`,
+        _v$2 = props.html,
+        _v$3 = props.title ?? messages().templatePreview;
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$2, "srcdoc", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$;
+  })();
+}
+export function TemplateSampleData(props) {
+  return (() => {
+    var _el$3 = _$getNextElement(_tmpl$2);
+    _$insert(_el$3, _$createComponent(For, {
+      get each() {
+        return props.variables;
+      },
+      children: variable => _$createComponent(TextInput, {
+        get label() {
+          return `{{ ${variable.name} }}`;
+        },
+        get description() {
+          return variable.description;
+        },
+        get value() {
+          return props.values[variable.name] ?? "";
+        },
+        onValueChange: value => props.onValueChange(variable.name, value)
+      })
+    }));
+    _$effect(() => _$className(_el$3, `k2b-template-sample ${props.class ?? ""}`));
+    return _el$3;
+  })();
+}
+//# sourceMappingURL=TemplateEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createMemo","For","useUiMessages","PANES_LAYOUT_VERSION","AutocompleteEditor","TextInput","createTemplateEditorPanesLayout","version","root","type","direction","ratio","first","items","active","second","HTML_TAGS","name","snippet","hint","suggestion","text","label","appendSpace","templateCompletions","variables","trigger","dropdown","allowAfterWord","suggest","query","context","normalized","toLowerCase","leadingBrace","tokenStart","fullText","open","close","values","filter","variable","startsWith","map","kind","conditions","loops","tag","escapeHtml","value","replace","highlightLiquidToken","token","inner","trim","keyword","split","includes","highlightTag","match","attrs","highlightTemplate","stashed","escaped","marker","length","push","withTags","_","index","Number","TemplateEditor","props","messages","completions","_$createComponent","_$mergeProps","lines","spellcheck","placeholder","templateEditorPlaceholder","highlight","TemplatePreview","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_$effect","_p$","_v$","class","_v$2","html","_v$3","title","templatePreview","e","_$className","t","_$setAttribute","a","undefined","TemplateSampleData","_el$3","_tmpl$2","_$insert","each","children","description","onValueChange"],"sources":["inputs/TemplateEditor.tsx"],"sourcesContent":["import { createMemo, For, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { PANES_LAYOUT_VERSION, type PanesLayout } from \"../layout/panes-layout\";\nimport { AutocompleteEditor, type AutocompleteEditorProps } from \"./AutocompleteEditor\";\nimport type { Completion, Suggestion } from \"./completion\";\nimport { TextInput } from \"./TextInput\";\n\nexport type TemplateVariableKind = \"string\" | \"email\" | \"url\" | \"number\" | \"boolean\" | \"array\" | \"object\";\n\nexport type TemplateVariable = {\n  name: string;\n  kind?: TemplateVariableKind;\n  description?: string;\n};\n\nexport type TemplateEditorProps = Omit<AutocompleteEditorProps, \"completions\" | \"highlight\"> & {\n  variables: readonly TemplateVariable[];\n};\n\nexport type TemplatePreviewProps = {\n  html: string;\n  title?: string;\n  class?: string;\n};\n\nexport type TemplateSampleDataProps = {\n  variables: readonly TemplateVariable[];\n  values: Readonly<Record<string, string>>;\n  onValueChange: (name: string, value: string) => void;\n  class?: string;\n};\n\nexport type TemplateEditorLayout = PanesLayout;\n\nexport const createTemplateEditorPanesLayout = (): TemplateEditorLayout => ({\n  version: PANES_LAYOUT_VERSION,\n  root: {\n    type: \"split\",\n    direction: \"horizontal\",\n    ratio: 0.5,\n    first: { type: \"group\", items: [\"html\"], active: \"html\" },\n    second: { type: \"group\", items: [\"preview\", \"sample-data\"], active: \"preview\" },\n  },\n});\n\nconst HTML_TAGS = [\n  { name: \"p\", snippet: \"<p></p>\", hint: \"paragraph\" },\n  {\n    name: \"a\",\n    snippet: '<a href=\"{{ LOGIN_URL }}\">Link</a>',\n    hint: \"link\",\n  },\n  { name: \"strong\", snippet: \"<strong></strong>\", hint: \"bold\" },\n  { name: \"em\", snippet: \"<em></em>\", hint: \"emphasis\" },\n  { name: \"br\", snippet: \"<br>\", hint: \"line break\" },\n  { name: \"ul\", snippet: \"<ul>\\n  <li></li>\\n</ul>\", hint: \"list\" },\n  {\n    name: \"table\",\n    snippet: \"<table>\\n  <tr><td></td></tr>\\n</table>\",\n    hint: \"table\",\n  },\n] as const;\n\nconst suggestion = (text: string, hint: string, label?: string): Suggestion => ({ text, hint, label, appendSpace: false });\n\nconst templateCompletions = (variables: readonly TemplateVariable[]): Completion[] => [\n  {\n    trigger: \"{\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query, context) => {\n      const normalized = query.toLowerCase();\n      const leadingBrace = context.tokenStart > 0 && context.fullText[context.tokenStart - 1] === \"{\";\n      const open = leadingBrace ? \"{ \" : \"{{ \";\n      const close = leadingBrace ? \" }}\" : \" }}\";\n      const values = variables\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`${open}${variable.name}${close}`, variable.kind ?? \"string\", variable.name));\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`{% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...values, ...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"%\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      const conditions = variables\n        .filter((variable) => variable.kind !== \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% if ${variable.name} != blank %}\\n  \\n{% endif %}`, \"condition\", `if ${variable.name}`));\n      const loops = variables\n        .filter((variable) => variable.kind === \"array\")\n        .filter((variable) => variable.name.toLowerCase().startsWith(normalized))\n        .map((variable) => suggestion(`% for item in ${variable.name} %}\\n  {{ item }}\\n{% endfor %}`, \"loop\", `for ${variable.name}`));\n      return [...conditions, ...loops];\n    },\n  },\n  {\n    trigger: \"<\",\n    dropdown: true,\n    allowAfterWord: true,\n    suggest: (query) => {\n      const normalized = query.toLowerCase();\n      return HTML_TAGS.filter((tag) => tag.name.startsWith(normalized)).map((tag) => suggestion(tag.snippet, tag.hint, tag.name));\n    },\n  },\n];\n\nconst escapeHtml = (value: string): string =>\n  value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n\nconst highlightLiquidToken = (token: string): string => {\n  const inner = token.replace(/^\\{\\{|\\}\\}$|^\\{%|\\%}$/g, \"\").trim();\n  const keyword = inner.split(/\\s+/)[0] ?? \"\";\n  const kind = token.startsWith(\"{%\") ? (keyword.startsWith(\"end\") ? \"end\" : \"control\") : inner.includes(\"| raw\") ? \"raw\" : \"value\";\n  return `<span class=\"k2b-template-token\" data-kind=\"${kind}\">${escapeHtml(token)}</span>`;\n};\n\nconst highlightTag = (tag: string): string => {\n  const match = tag.match(/^(&lt;\\/?)([a-zA-Z][\\w:-]*)([\\s\\S]*?)(&gt;)$/);\n  if (!match) return `<span class=\"k2b-template-tag\">${tag}</span>`;\n  const attrs = (match[3] ?? \"\").replace(\n    /([\\w:-]+)(=)(&quot;[\\s\\S]*?&quot;|'[\\s\\S]*?'|[^\\s&]+)/g,\n    '<span class=\"k2b-template-attribute\">$1</span><span class=\"k2b-template-punctuation\">$2</span><span class=\"k2b-template-string\">$3</span>',\n  );\n  return `<span class=\"k2b-template-punctuation\">${match[1]}</span><span class=\"k2b-template-tag\">${match[2]}</span>${attrs}<span class=\"k2b-template-punctuation\">${match[4]}</span>`;\n};\n\nconst highlightTemplate = (text: string): string => {\n  const stashed: string[] = [];\n  const escaped = escapeHtml(text).replace(/{{[\\s\\S]*?}}|{%[\\s\\S]*?%}/g, (token) => {\n    const marker = `\\uE000${stashed.length}\\uE001`;\n    stashed.push(highlightLiquidToken(token));\n    return marker;\n  });\n  const withTags = escaped.replace(/&lt;!--[\\s\\S]*?--&gt;|&lt;\\/?[a-zA-Z][\\s\\S]*?&gt;/g, (tag) =>\n    tag.startsWith(\"&lt;!--\") ? `<span class=\"k2b-template-comment\">${tag}</span>` : highlightTag(tag),\n  );\n  return withTags.replace(/\\uE000(\\d+)\\uE001/g, (_, index) => stashed[Number(index)] ?? \"\");\n};\n\nexport function TemplateEditor(props: TemplateEditorProps): JSX.Element {\n  const messages = useUiMessages();\n  const completions = createMemo(() => templateCompletions(props.variables));\n  return (\n    <AutocompleteEditor\n      {...props}\n      lines={props.lines ?? 22}\n      spellcheck={props.spellcheck ?? false}\n      placeholder={props.placeholder ?? messages().templateEditorPlaceholder}\n      highlight={highlightTemplate}\n      completions={completions()}\n    />\n  );\n}\n\nexport function TemplatePreview(props: TemplatePreviewProps): JSX.Element {\n  const messages = useUiMessages();\n  return (\n    <section class={`k2b-template-preview ${props.class ?? \"\"}`}>\n      <iframe sandbox=\"\" srcdoc={props.html} title={props.title ?? messages().templatePreview} />\n    </section>\n  );\n}\n\nexport function TemplateSampleData(props: TemplateSampleDataProps): JSX.Element {\n  return (\n    <section class={`k2b-template-sample ${props.class ?? \"\"}`}>\n      <For each={props.variables}>\n        {(variable) => (\n          <TextInput\n            label={`{{ ${variable.name} }}`}\n            description={variable.description}\n            value={props.values[variable.name] ?? \"\"}\n            onValueChange={(value) => props.onValueChange(variable.name, value)}\n          />\n        )}\n      </For>\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/inputs/TextInput.js

@@ -0,0 +1,318 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { spread as _$spread } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<span class=k2b-input-shell__affix>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<textarea>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<button type=button class="k2b-input-shell__clear k2b-input-clear-action"><i class="ti ti-x"aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<button type=button class=k2b-input-shell__clear><i aria-hidden=true>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div class="k2b-input-shell k2b-text-input"><span class="k2b-input-shell__icon k2b-text-input__icon"aria-hidden=true><i></i><i></i></span><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/>`),
+  _tmpl$6 = /*#__PURE__*/_$template(`<input>`);
+import { createSignal, Show, splitProps } from "solid-js";
+import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
+import { useUiMessages } from "../intl/messages";
+import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
+import { MarkdownEditor } from "./markdown/MarkdownEditor";
+export function TextInput(props) {
+  const messages = useUiMessages();
+  const [local, rest] = splitProps(props, ["activeIcon", "aria-describedby", "aria-label", "class", "clearLabel", "clearable", "completions", "description", "error", "icon", "id", "label", "lines", "markdown", "minLength", "maxLength", "monospace", "multiline", "onClear", "onValueCommit", "onSubmit", "onValueChange", "password", "prefix", "required", "suffix", "type", "value", "variant", "abbreviations"]);
+  const meta = createFieldMeta(local.id);
+  const value = () => resolveMaybeAccessor(local.value) ?? "";
+  const error = () => resolveMaybeAccessor(local.error);
+  const [passwordVisible, setPasswordVisible] = createSignal(false);
+  const multiline = () => Boolean(local.multiline || local.markdown);
+  const icon = () => local.icon ?? (local.variant === "ai" ? "ti ti-sparkles" : local.markdown ? "ti ti-markdown" : "ti ti-cursor-text");
+  const activeIcon = () => local.activeIcon ?? (local.variant === "ai" ? "ti ti-sparkles" : "ti ti-pencil");
+  const input = next => local.onValueChange?.(next);
+  const commit = next => local.onValueCommit?.(next);
+  const clear = () => {
+    if (local.onClear) {
+      local.onClear();
+      return;
+    }
+    commitFieldValue(local, "");
+  };
+  return _$createComponent(Show, {
+    get when() {
+      return local.markdown;
+    },
+    get fallback() {
+      return _$createComponent(Field, {
+        get ["class"]() {
+          return local.class;
+        },
+        get label() {
+          return local.label;
+        },
+        get description() {
+          return local.description;
+        },
+        get error() {
+          return error();
+        },
+        meta: meta,
+        get required() {
+          return local.required;
+        },
+        get disabled() {
+          return rest.disabled;
+        },
+        get children() {
+          var _el$ = _$getNextElement(_tmpl$5),
+            _el$2 = _el$.firstChild,
+            _el$3 = _el$2.firstChild,
+            _el$4 = _el$3.nextSibling,
+            _el$1 = _el$2.nextSibling,
+            [_el$10, _co$] = _$getNextMarker(_el$1.nextSibling),
+            _el$11 = _el$10.nextSibling,
+            [_el$12, _co$2] = _$getNextMarker(_el$11.nextSibling),
+            _el$13 = _el$12.nextSibling,
+            [_el$14, _co$3] = _$getNextMarker(_el$13.nextSibling),
+            _el$15 = _el$14.nextSibling,
+            [_el$16, _co$4] = _$getNextMarker(_el$15.nextSibling),
+            _el$17 = _el$16.nextSibling,
+            [_el$18, _co$5] = _$getNextMarker(_el$17.nextSibling);
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return local.prefix;
+            },
+            get children() {
+              var _el$5 = _$getNextElement(_tmpl$);
+              _$insert(_el$5, () => local.prefix);
+              return _el$5;
+            }
+          }), _el$10, _co$);
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return multiline();
+            },
+            get fallback() {
+              return (() => {
+                var _el$19 = _$getNextElement(_tmpl$6);
+                _$spread(_el$19, _$mergeProps(rest, {
+                  get id() {
+                    return meta.controlId;
+                  },
+                  "class": "k2b-input",
+                  get type() {
+                    return _$memo(() => !!(local.password && !passwordVisible()))() ? "password" : local.type ?? "text";
+                  },
+                  get value() {
+                    return value();
+                  },
+                  get minlength() {
+                    return local.minLength;
+                  },
+                  get maxlength() {
+                    return local.maxLength;
+                  },
+                  get required() {
+                    return local.required;
+                  }
+                }, () => fieldControlAria(meta, local), {
+                  "onInput": event => {
+                    input(event.currentTarget.value);
+                  },
+                  "onChange": event => commit(event.currentTarget.value)
+                }), false, false);
+                _$runHydrationEvents();
+                return _el$19;
+              })();
+            },
+            get children() {
+              var _el$6 = _$getNextElement(_tmpl$2);
+              _$spread(_el$6, _$mergeProps(rest, {
+                get id() {
+                  return meta.controlId;
+                },
+                "class": "k2b-input k2b-text-input__textarea",
+                get value() {
+                  return value();
+                },
+                get rows() {
+                  return local.lines ?? 3;
+                },
+                get required() {
+                  return local.required;
+                },
+                get minlength() {
+                  return local.minLength;
+                },
+                get maxlength() {
+                  return local.maxLength;
+                }
+              }, () => fieldControlAria(meta, local), {
+                "onInput": event => {
+                  input(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$6;
+            }
+          }), _el$12, _co$2);
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return local.suffix;
+            },
+            get children() {
+              var _el$7 = _$getNextElement(_tmpl$);
+              _$insert(_el$7, () => local.suffix);
+              return _el$7;
+            }
+          }), _el$14, _co$3);
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return _$memo(() => !!(local.clearable && value() && !multiline() && !local.password && !rest.disabled))() && !rest.readOnly;
+            },
+            get children() {
+              var _el$8 = _$getNextElement(_tmpl$3);
+              _el$8.$$click = clear;
+              _$effect(() => _$setAttribute(_el$8, "aria-label", local.clearLabel ?? messages().clear));
+              _$runHydrationEvents();
+              return _el$8;
+            }
+          }), _el$16, _co$4);
+          _$insert(_el$, _$createComponent(Show, {
+            get when() {
+              return _$memo(() => !!local.password)() && !multiline();
+            },
+            get children() {
+              var _el$9 = _$getNextElement(_tmpl$4),
+                _el$0 = _el$9.firstChild;
+              _el$9.$$click = () => setPasswordVisible(visible => !visible);
+              _$effect(_p$ => {
+                var _v$ = passwordVisible() ? messages().hidePassword : messages().showPassword,
+                  _v$2 = passwordVisible(),
+                  _v$3 = rest.disabled,
+                  _v$4 = passwordVisible() ? "ti ti-eye-off" : "ti ti-eye";
+                _v$ !== _p$.e && _$setAttribute(_el$9, "aria-label", _p$.e = _v$);
+                _v$2 !== _p$.t && _$setAttribute(_el$9, "aria-pressed", _p$.t = _v$2);
+                _v$3 !== _p$.a && _$setProperty(_el$9, "disabled", _p$.a = _v$3);
+                _v$4 !== _p$.o && _$className(_el$0, _p$.o = _v$4);
+                return _p$;
+              }, {
+                e: undefined,
+                t: undefined,
+                a: undefined,
+                o: undefined
+              });
+              _$runHydrationEvents();
+              return _el$9;
+            }
+          }), _el$18, _co$5);
+          _$effect(_p$ => {
+            var _v$5 = error() ? "true" : undefined,
+              _v$6 = local.variant === "ai" ? "true" : undefined,
+              _v$7 = multiline() ? "true" : undefined,
+              _v$8 = local.monospace ? "true" : undefined,
+              _v$9 = multiline() ? {
+                "--k2b-editor-lines": String(local.lines ?? 3)
+              } : undefined,
+              _v$0 = icon(),
+              _v$1 = activeIcon();
+            _v$5 !== _p$.e && _$setAttribute(_el$, "data-invalid", _p$.e = _v$5);
+            _v$6 !== _p$.t && _$setAttribute(_el$, "data-ai", _p$.t = _v$6);
+            _v$7 !== _p$.a && _$setAttribute(_el$, "data-multiline", _p$.a = _v$7);
+            _v$8 !== _p$.o && _$setAttribute(_el$, "data-monospace", _p$.o = _v$8);
+            _p$.i = _$style(_el$, _v$9, _p$.i);
+            _v$0 !== _p$.n && _$className(_el$3, _p$.n = _v$0);
+            _v$1 !== _p$.s && _$className(_el$4, _p$.s = _v$1);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined,
+            n: undefined,
+            s: undefined
+          });
+          return _el$;
+        }
+      });
+    },
+    get children() {
+      return _$createComponent(MarkdownEditor, {
+        get ["class"]() {
+          return local.class;
+        },
+        get label() {
+          return local.label;
+        },
+        get description() {
+          return local.description;
+        },
+        get error() {
+          return error();
+        },
+        get id() {
+          return meta.controlId;
+        },
+        get name() {
+          return rest.name;
+        },
+        get value() {
+          return value();
+        },
+        onValueChange: input,
+        get onValueCommit() {
+          return local.onValueCommit;
+        },
+        get onSubmit() {
+          return local.onSubmit;
+        },
+        get placeholder() {
+          return rest.placeholder;
+        },
+        get disabled() {
+          return rest.disabled;
+        },
+        get required() {
+          return local.required;
+        },
+        get lines() {
+          return local.lines;
+        },
+        get maxLength() {
+          return local.maxLength;
+        },
+        get spellcheck() {
+          return _$memo(() => rest.spellcheck === undefined)() ? undefined : rest.spellcheck === true || rest.spellcheck === "true";
+        },
+        get abbreviations() {
+          return local.abbreviations;
+        },
+        get completions() {
+          return local.completions;
+        },
+        get ["aria-label"]() {
+          return local["aria-label"];
+        },
+        get ["aria-describedby"]() {
+          return local["aria-describedby"];
+        }
+      });
+    }
+  });
+}
+export default TextInput;
+_$delegateEvents(["click"]);
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +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":[]}