@threadlabs/looma 0.13.5 → 0.14.0

package/vanilla/UiCombobox.js

@@ -3,7 +3,7 @@ import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-combobox/ui-combobox.js";
 import "../styles/ui-combobox.css";
 
-const definition = {...{"contract":{"tag":"ui-combobox","props":{"allowCreate":{"type":"boolean","required":false,"target":{"attribute":"allowcreate"},"default":false},"allowFreeText":{"type":"boolean","required":false,"target":{"attribute":"allowfreetext"},"default":false},"clearable":{"type":"boolean","required":false,"target":{"attribute":"clearable"},"default":false},"disabled":{"type":"boolean","required":false,"target":{"attribute":"disabled"},"default":false},"disclosure":{"type":"boolean","required":false,"target":{"attribute":"disclosure"},"default":false},"help":{"type":"string","required":false,"target":{"attribute":"help"},"default":""},"items":{"type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true}],"open":false}},"required":false,"target":{"attribute":"items"}},"label":{"type":"string","required":false,"target":{"attribute":"label"},"default":""},"labelVisibility":{"type":{"enum":["visible","sr-only"]},"required":false,"target":{"attribute":"labelvisibility"},"default":"visible"},"multiple":{"type":"boolean","required":false,"target":{"attribute":"multiple"},"default":false},"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""},"placeholder":{"type":"string","required":false,"target":{"attribute":"placeholder"},"default":""},"query":{"type":"string","required":false,"target":{"attribute":"query"}},"readonly":{"type":"boolean","required":false,"target":{"attribute":"readonly"},"default":false},"required":{"type":"boolean","required":false,"target":{"attribute":"required"},"default":false},"selectedValues":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"selectedvalues"}},"size":{"type":{"enum":["sm","md"]},"required":false,"target":{"attribute":"size"},"default":"md"},"tokenSeparators":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"tokenseparators"}},"value":{"type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"required":false,"target":{"attribute":"value"}}}},"template":{"kind":"element","name":"div","attributes":[],"children":[{"kind":"element","name":"label","attributes":[{"kind":"attribute","name":"for","expression":"format('%s-input', uid)","expressionPlan":{"source":"format('%s-input', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-input"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"sr-only","expression":"labelVisibility = 'sr-only'","expressionPlan":{"source":"labelVisibility = 'sr-only'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"labelVisibility"},"right":{"kind":"literal","value":"sr-only"}},"dependencies":["labelVisibility"]},"target":"class"}],"children":[{"kind":"element","name":"template","attributes":[{"kind":"directive","name":"value","expression":"label","expressionPlan":{"source":"label","ast":{"kind":"id","name":"label"},"dependencies":["label"]}}],"children":[]},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"text","value":"\n        *"}],"flow":{"kind":"if","test":"required","testPlan":{"source":"required","ast":{"kind":"id","name":"required"},"dependencies":["required"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"field"}],"children":[{"kind":"slot","fallback":[],"name":"start"},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"item"},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"attribute","name":"data-index","expression":"index","expressionPlan":{"source":"index","ast":{"kind":"id","name":"index"},"dependencies":["index"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or item.disabled","expressionPlan":{"source":"disabled or readonly or item.disabled","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"member","object":{"kind":"id","name":"item"},"key":"disabled"}},"dependencies":["disabled","item.disabled","readonly"]}},{"kind":"attribute","name":"aria-label","expression":"format('%s, press Delete or Backspace to remove', item.label)","expressionPlan":{"source":"format('%s, press Delete or Backspace to remove', item.label)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s, press Delete or Backspace to remove"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"}]},"dependencies":["item.label"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-badge","attributes":[{"kind":"directive","name":"value","expression":"item.label","expressionPlan":{"source":"item.label","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},"dependencies":["item.label"]}}],"children":[]}],"nameExpression":{"source":"format('item-%s', item.id)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"item-%s"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"}]},"dependencies":["item.id"]}}],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"index":"index","key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"multiple","testPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}}},{"kind":"element","name":"input","attributes":[{"kind":"attribute","name":"id","expression":"format('%s-input', uid)","expressionPlan":{"source":"format('%s-input', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-input"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"literal","name":"role","value":"combobox"},{"kind":"literal","name":"aria-autocomplete","value":"list"},{"kind":"literal","name":"autocomplete","value":"off"},{"kind":"attribute","name":"aria-controls","expression":"format('%s-listbox', uid)","expressionPlan":{"source":"format('%s-listbox', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-listbox"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-expanded","expression":"expanded","expressionPlan":{"source":"expanded","ast":{"kind":"id","name":"expanded"},"dependencies":["expanded"]}},{"kind":"attribute","name":"aria-invalid","expression":"validationStatus = 'error'","expressionPlan":{"source":"validationStatus = 'error'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"error"}},"dependencies":["validationStatus"]}},{"kind":"attribute","name":"aria-busy","expression":"validationStatus = 'pending'","expressionPlan":{"source":"validationStatus = 'pending'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"pending"}},"dependencies":["validationStatus"]}},{"kind":"property","key":"value","name":"value","expression":"display","expressionPlan":{"source":"display","ast":{"kind":"id","name":"display"},"dependencies":["display"]}},{"kind":"attribute","name":"placeholder","expression":"placeholder","expressionPlan":{"source":"placeholder","ast":{"kind":"id","name":"placeholder"},"dependencies":["placeholder"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"readonly","expression":"readonly","expressionPlan":{"source":"readonly","ast":{"kind":"id","name":"readonly"},"dependencies":["readonly"]}},{"kind":"attribute","name":"required","expression":"required and not (multiple and internalItems[0])","expressionPlan":{"source":"required and not (multiple and internalItems[0])","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"required"},"right":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"and","left":{"kind":"id","name":"multiple"},"right":{"kind":"index","object":{"kind":"id","name":"internalItems"},"index":{"kind":"literal","value":0}}}}},"dependencies":["internalItems.0","multiple","required"]}}],"children":[],"ref":"input"},{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"submitted","expressionPlan":{"source":"submitted","ast":{"kind":"id","name":"submitted"},"dependencies":["submitted"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"if","test":"name and not multiple","testPlan":{"source":"name and not multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"multiple"}}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"item.value","expressionPlan":{"source":"item.value","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"value"},"dependencies":["item.value"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"name and multiple","testPlan":{"source":"name and multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"id","name":"multiple"}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"clear"},{"kind":"literal","name":"aria-label","value":"Clear"},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M7 7l10 10M17 7 7 17"}],"children":[]}]}],"flow":{"kind":"if","test":"clearable","testPlan":{"source":"clearable","ast":{"kind":"id","name":"clearable"},"dependencies":["clearable"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"disclosure"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"literal","name":"aria-label","value":"Show suggestions"},{"kind":"attribute","name":"aria-controls","expression":"format('%s-listbox', uid)","expressionPlan":{"source":"format('%s-listbox', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-listbox"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2.25"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m6 9 6 6 6-6"}],"children":[]}]}],"flow":{"kind":"if","test":"disclosure","testPlan":{"source":"disclosure","ast":{"kind":"id","name":"disclosure"},"dependencies":["disclosure"]}}}],"ref":"field"},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"help"},{"kind":"attribute","name":"id","expression":"format('%s-help', uid)","expressionPlan":{"source":"format('%s-help', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-help"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"aria-label","value":"Help"},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"help-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 17h.01"}],"children":[]}]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}}]},{"kind":"element","name":"ui-tooltip","attributes":[{"kind":"literal","name":"trigger","value":"click"},{"kind":"attribute","name":"id","expression":"format('%s-help-text', uid)","expressionPlan":{"source":"format('%s-help-text', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-help-text"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"for","expression":"format('%s-help', uid)","expressionPlan":{"source":"format('%s-help', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-help"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}}],"children":[{"kind":"element","name":"template","attributes":[{"kind":"directive","name":"value","expression":"help","expressionPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}],"children":[]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"popup"},{"kind":"attribute","name":"hidden","expression":"not expanded","expressionPlan":{"source":"not expanded","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"expanded"}},"dependencies":["expanded"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"listbox"},{"kind":"attribute","name":"id","expression":"format('%s-listbox', uid)","expressionPlan":{"source":"format('%s-listbox', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-listbox"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-label","expression":"format('%s suggestions', label)","expressionPlan":{"source":"format('%s suggestions', label)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s suggestions"},{"kind":"id","name":"label"}]},"dependencies":["label"]}},{"kind":"attribute","name":"aria-busy","expression":"loading","expressionPlan":{"source":"loading","ast":{"kind":"id","name":"loading"},"dependencies":["loading"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"attribute","name":"role","expression":"group.role","expressionPlan":{"source":"group.role","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"role"},"dependencies":["group.role"]}},{"kind":"attribute","name":"aria-label","expression":"group.label","expressionPlan":{"source":"group.label","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"label"},"dependencies":["group.label"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"group"},{"kind":"directive","name":"value","expression":"group.name","expressionPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}],"children":[],"flow":{"kind":"if","test":"group.name","testPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"row.index = active","expressionPlan":{"source":"row.index = active","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"right":{"kind":"id","name":"active"}},"dependencies":["active","row.index"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"attribute","name":"id","expression":"format('%s-option-%s', uid, row.index)","expressionPlan":{"source":"format('%s-option-%s', uid, row.index)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-option-%s"},{"kind":"id","name":"uid"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"}]},"dependencies":["row.index","uid"]}},{"kind":"attribute","name":"aria-selected","expression":"row.selected","expressionPlan":{"source":"row.selected","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"selected"},"dependencies":["row.selected"]}},{"kind":"attribute","name":"aria-disabled","expression":"row.disabled","expressionPlan":{"source":"row.disabled","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"disabled"},"dependencies":["row.disabled"]}},{"kind":"attribute","name":"data-index","expression":"row.index","expressionPlan":{"source":"row.index","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"dependencies":["row.index"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"},{"kind":"directive","name":"value","expression":"row.label","expressionPlan":{"source":"row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}],"children":[]}],"nameExpression":{"source":"format('option-%s', row.id)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"option-%s"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"}]},"dependencies":["row.id"]}}],"flow":{"kind":"each","item":"row","list":"group.rows","listPlan":{"source":"group.rows","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"rows"},"dependencies":["group.rows"]},"key":"row.id","keyPlan":{"source":"row.id","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"},"dependencies":["row.id"]}}}],"flow":{"kind":"each","item":"group","list":"groups","listPlan":{"source":"groups","ast":{"kind":"id","name":"groups"},"dependencies":["groups"]},"key":"group.name","keyPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"createIndex = active","expressionPlan":{"source":"createIndex = active","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"createIndex"},"right":{"kind":"id","name":"active"}},"dependencies":["active","createIndex"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"aria-selected","value":"false"},{"kind":"attribute","name":"id","expression":"format('%s-option-%s', uid, createIndex)","expressionPlan":{"source":"format('%s-option-%s', uid, createIndex)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-option-%s"},{"kind":"id","name":"uid"},{"kind":"id","name":"createIndex"}]},"dependencies":["createIndex","uid"]}},{"kind":"attribute","name":"data-index","expression":"createIndex","expressionPlan":{"source":"createIndex","ast":{"kind":"id","name":"createIndex"},"dependencies":["createIndex"]}},{"kind":"directive","name":"value","expression":"format('Create “%s”', raw)","expressionPlan":{"source":"format('Create “%s”', raw)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"Create “%s”"},{"kind":"id","name":"raw"}]},"dependencies":["raw"]}}],"children":[],"flow":{"kind":"if","test":"creatable","testPlan":{"source":"creatable","ast":{"kind":"id","name":"creatable"},"dependencies":["creatable"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"directive","name":"value","expression":"message","expressionPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}],"children":[],"flow":{"kind":"if","test":"message","testPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}}],"ref":"listbox"},{"kind":"slot","fallback":[],"name":"footer"}],"ref":"popup"},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"attribute","name":"id","expression":"format('%s-validation', uid)","expressionPlan":{"source":"format('%s-validation', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-validation"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"hidden","expression":"not validation.issues.length","expressionPlan":{"source":"not validation.issues.length","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"key":"length"}},"dependencies":["validation.issues.length"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"directive","name":"value","expression":"issue.message","expressionPlan":{"source":"issue.message","ast":{"kind":"member","object":{"kind":"id","name":"issue"},"key":"message"},"dependencies":["issue.message"]}}],"children":[],"flow":{"kind":"each","item":"issue","list":"validation.issues","listPlan":{"source":"validation.issues","ast":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"dependencies":["validation.issues"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"sr-only"},{"kind":"literal","name":"role","value":"status"},{"kind":"literal","name":"aria-live","value":"polite"},{"kind":"literal","name":"aria-atomic","value":"true"},{"kind":"directive","name":"value","expression":"statusText","expressionPlan":{"source":"statusText","ast":{"kind":"id","name":"statusText"},"dependencies":["statusText"]}}],"children":[]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"authored-options"},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"slot"}],"ref":"options"}]},"declarations":[{"kind":"state","name":"internalItems","type":"list(object({ id: string, value: string, label: string, group?: string, disabled?: boolean }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"raw","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"display","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"selected","type":"string | null","expression":{"source":"null","ast":{"kind":"literal","value":null},"dependencies":[]}},{"kind":"state","name":"expanded","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"rows","type":"list(object({ id: string, value: string, label: string, group?: string, disabled: boolean, selected: boolean }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"active","expression":{"source":"-1","ast":{"kind":"unary","op":"-","operand":{"kind":"literal","value":1}},"dependencies":[]}},{"kind":"state","name":"loading","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"helpOpen","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"lookupError","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validation","type":"object({ status: pristine | pending | valid | warning | error, touched: boolean, dirty: boolean, issues: list(object({ message: string })), ... })","expression":{"source":"{ status: 'pristine', touched: false, dirty: false, issues: [] }","ast":{"kind":"object","pairs":[{"key":"status","value":{"kind":"literal","value":"pristine"}},{"key":"touched","value":{"kind":"literal","value":false}},{"key":"dirty","value":{"kind":"literal","value":false}},{"key":"issues","value":{"kind":"array","items":[]}}]},"dependencies":[]}},{"kind":"state","name":"uid","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"submitted","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"groups","type":"list(object({ name: string, role: group | presentation, label: string | null, rows: list(object({ id: string, value: string, label: string, group?: string, disabled: boolean, selected: boolean, index: integer })) }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"creatable","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"createIndex","expression":{"source":"0","ast":{"kind":"literal","value":0},"dependencies":[]}},{"kind":"state","name":"message","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"statusText","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validationStatus","expression":{"source":"'pristine'","ast":{"kind":"literal","value":"pristine"},"dependencies":[]}},{"kind":"event","name":"query-change","type":"object({ query: string, display: string, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"value-change","type":"object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic }) | list(object({ id: string, value: string, label: string, group?: string, disabled?: boolean }))","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"free-entry","type":"object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-entry","type":"object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"validation-change","type":"object({ status: pristine | pending | valid | warning | error, touched: boolean, dirty: boolean, issues: list(object({ message: string, path?: list(unknown), severity?: error | warning })), output?: unknown })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"options-change","type":"list(object({ id: string, value: string, label: string, group?: string, disabled?: boolean }))","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-item","type":"object({ item: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }), index: integer, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"remove-item","type":"object({ item: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }), index: integer, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-item","type":"object({ query: string, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"selected-values-change","type":"object({ selectedValues: list(string), trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"method","name":"validate","exportName":"validate","returns":"promise(unknown)"},{"kind":"method","name":"focusInput","exportName":"focusInput","returns":"promise(undefined)"}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
+const definition = {...{"contract":{"tag":"ui-combobox","props":{"allowCreate":{"type":"boolean","required":false,"target":{"attribute":"allowcreate"},"default":false},"allowFreeText":{"type":"boolean","required":false,"target":{"attribute":"allowfreetext"},"default":false},"clearable":{"type":"boolean","required":false,"target":{"attribute":"clearable"},"default":false},"disabled":{"type":"boolean","required":false,"target":{"attribute":"disabled"},"default":false},"disclosure":{"type":"boolean","required":false,"target":{"attribute":"disclosure"},"default":false},"help":{"type":"string","required":false,"target":{"attribute":"help"},"default":""},"items":{"type":{"kind":"list","item":{"kind":"object","fields":[{"name":"id","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"value","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"label","type":{"kind":"terminal","name":"string"},"optional":false},{"name":"group","type":{"kind":"terminal","name":"string"},"optional":true},{"name":"disabled","type":{"kind":"terminal","name":"boolean"},"optional":true}],"open":false}},"required":false,"target":{"attribute":"items"}},"label":{"type":"string","required":false,"target":{"attribute":"label"},"default":""},"labelVisibility":{"type":{"enum":["visible","sr-only"]},"required":false,"target":{"attribute":"labelvisibility"},"default":"visible"},"multiple":{"type":"boolean","required":false,"target":{"attribute":"multiple"},"default":false},"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""},"placeholder":{"type":"string","required":false,"target":{"attribute":"placeholder"},"default":""},"query":{"type":"string","required":false,"target":{"attribute":"query"}},"readonly":{"type":"boolean","required":false,"target":{"attribute":"readonly"},"default":false},"required":{"type":"boolean","required":false,"target":{"attribute":"required"},"default":false},"selectedValues":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"selectedvalues"}},"size":{"type":{"enum":["sm","md","lg"]},"required":false,"target":{"attribute":"size"},"default":"md"},"tokenSeparators":{"type":{"kind":"list","item":{"kind":"terminal","name":"string"}},"required":false,"target":{"attribute":"tokenseparators"}},"value":{"type":{"kind":"union","members":[{"kind":"terminal","name":"string"},{"kind":"terminal","name":"null"}]},"required":false,"target":{"attribute":"value"}}}},"template":{"kind":"element","name":"div","attributes":[],"children":[{"kind":"element","name":"label","attributes":[{"kind":"attribute","name":"for","expression":"format('%s-input', uid)","expressionPlan":{"source":"format('%s-input', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-input"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"sr-only","expression":"labelVisibility = 'sr-only'","expressionPlan":{"source":"labelVisibility = 'sr-only'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"labelVisibility"},"right":{"kind":"literal","value":"sr-only"}},"dependencies":["labelVisibility"]},"target":"class"}],"children":[{"kind":"element","name":"template","attributes":[{"kind":"directive","name":"value","expression":"label","expressionPlan":{"source":"label","ast":{"kind":"id","name":"label"},"dependencies":["label"]}}],"children":[]},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"text","value":"\n        *"}],"flow":{"kind":"if","test":"required","testPlan":{"source":"required","ast":{"kind":"id","name":"required"},"dependencies":["required"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"control"}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"field"}],"children":[{"kind":"slot","fallback":[],"name":"start"},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"item"},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"attribute","name":"data-index","expression":"index","expressionPlan":{"source":"index","ast":{"kind":"id","name":"index"},"dependencies":["index"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly or item.disabled","expressionPlan":{"source":"disabled or readonly or item.disabled","ast":{"kind":"binary","op":"or","left":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"right":{"kind":"member","object":{"kind":"id","name":"item"},"key":"disabled"}},"dependencies":["disabled","item.disabled","readonly"]}},{"kind":"attribute","name":"aria-label","expression":"format('%s, press Delete or Backspace to remove', item.label)","expressionPlan":{"source":"format('%s, press Delete or Backspace to remove', item.label)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s, press Delete or Backspace to remove"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"}]},"dependencies":["item.label"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"ui-badge","attributes":[{"kind":"directive","name":"value","expression":"item.label","expressionPlan":{"source":"item.label","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"label"},"dependencies":["item.label"]}}],"children":[]}],"nameExpression":{"source":"format('item-%s', item.id)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"item-%s"},{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"}]},"dependencies":["item.id"]}}],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"index":"index","key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"multiple","testPlan":{"source":"multiple","ast":{"kind":"id","name":"multiple"},"dependencies":["multiple"]}}},{"kind":"element","name":"input","attributes":[{"kind":"attribute","name":"id","expression":"format('%s-input', uid)","expressionPlan":{"source":"format('%s-input', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-input"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"literal","name":"role","value":"combobox"},{"kind":"literal","name":"aria-autocomplete","value":"list"},{"kind":"literal","name":"autocomplete","value":"off"},{"kind":"attribute","name":"aria-controls","expression":"format('%s-listbox', uid)","expressionPlan":{"source":"format('%s-listbox', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-listbox"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-expanded","expression":"expanded","expressionPlan":{"source":"expanded","ast":{"kind":"id","name":"expanded"},"dependencies":["expanded"]}},{"kind":"attribute","name":"aria-invalid","expression":"validationStatus = 'error'","expressionPlan":{"source":"validationStatus = 'error'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"error"}},"dependencies":["validationStatus"]}},{"kind":"attribute","name":"aria-busy","expression":"validationStatus = 'pending'","expressionPlan":{"source":"validationStatus = 'pending'","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"validationStatus"},"right":{"kind":"literal","value":"pending"}},"dependencies":["validationStatus"]}},{"kind":"property","key":"value","name":"value","expression":"display","expressionPlan":{"source":"display","ast":{"kind":"id","name":"display"},"dependencies":["display"]}},{"kind":"attribute","name":"placeholder","expression":"placeholder","expressionPlan":{"source":"placeholder","ast":{"kind":"id","name":"placeholder"},"dependencies":["placeholder"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}},{"kind":"attribute","name":"readonly","expression":"readonly","expressionPlan":{"source":"readonly","ast":{"kind":"id","name":"readonly"},"dependencies":["readonly"]}},{"kind":"attribute","name":"required","expression":"required and not (multiple and internalItems[0])","expressionPlan":{"source":"required and not (multiple and internalItems[0])","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"required"},"right":{"kind":"unary","op":"not","operand":{"kind":"binary","op":"and","left":{"kind":"id","name":"multiple"},"right":{"kind":"index","object":{"kind":"id","name":"internalItems"},"index":{"kind":"literal","value":0}}}}},"dependencies":["internalItems.0","multiple","required"]}}],"children":[],"ref":"input"},{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"submitted","expressionPlan":{"source":"submitted","ast":{"kind":"id","name":"submitted"},"dependencies":["submitted"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"if","test":"name and not multiple","testPlan":{"source":"name and not multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"unary","op":"not","operand":{"kind":"id","name":"multiple"}}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"template","attributes":[],"children":[{"kind":"element","name":"input","attributes":[{"kind":"literal","name":"type","value":"hidden"},{"kind":"attribute","name":"name","expression":"name","expressionPlan":{"source":"name","ast":{"kind":"id","name":"name"},"dependencies":["name"]}},{"kind":"attribute","name":"value","expression":"item.value","expressionPlan":{"source":"item.value","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"value"},"dependencies":["item.value"]}},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[],"flow":{"kind":"each","item":"item","list":"internalItems","listPlan":{"source":"internalItems","ast":{"kind":"id","name":"internalItems"},"dependencies":["internalItems"]},"key":"item.id","keyPlan":{"source":"item.id","ast":{"kind":"member","object":{"kind":"id","name":"item"},"key":"id"},"dependencies":["item.id"]}}}],"flow":{"kind":"if","test":"name and multiple","testPlan":{"source":"name and multiple","ast":{"kind":"binary","op":"and","left":{"kind":"id","name":"name"},"right":{"kind":"id","name":"multiple"}},"dependencies":["multiple","name"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"clear"},{"kind":"literal","name":"aria-label","value":"Clear"},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M7 7l10 10M17 7 7 17"}],"children":[]}]}],"flow":{"kind":"if","test":"clearable","testPlan":{"source":"clearable","ast":{"kind":"id","name":"clearable"},"dependencies":["clearable"]}}},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"data-combobox-action","value":"disclosure"},{"kind":"literal","name":"tabindex","value":"-1"},{"kind":"literal","name":"aria-label","value":"Show suggestions"},{"kind":"attribute","name":"aria-controls","expression":"format('%s-listbox', uid)","expressionPlan":{"source":"format('%s-listbox', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-listbox"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"disabled","expression":"disabled or readonly","expressionPlan":{"source":"disabled or readonly","ast":{"kind":"binary","op":"or","left":{"kind":"id","name":"disabled"},"right":{"kind":"id","name":"readonly"}},"dependencies":["disabled","readonly"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"affordance-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2.25"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"m6 9 6 6 6-6"}],"children":[]}]}],"flow":{"kind":"if","test":"disclosure","testPlan":{"source":"disclosure","ast":{"kind":"id","name":"disclosure"},"dependencies":["disclosure"]}}}],"ref":"field"},{"kind":"element","name":"button","attributes":[{"kind":"literal","name":"class","value":"help"},{"kind":"attribute","name":"id","expression":"format('%s-help', uid)","expressionPlan":{"source":"format('%s-help', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-help"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"literal","name":"type","value":"button"},{"kind":"literal","name":"aria-label","value":"Help"},{"kind":"attribute","name":"disabled","expression":"disabled","expressionPlan":{"source":"disabled","ast":{"kind":"id","name":"disabled"},"dependencies":["disabled"]}}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"class","value":"help-icon"},{"kind":"literal","name":"aria-hidden","value":"true"},{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"}],"children":[{"kind":"element","name":"circle","attributes":[{"kind":"literal","name":"cx","value":"12"},{"kind":"literal","name":"cy","value":"12"},{"kind":"literal","name":"r","value":"10"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3"}],"children":[]},{"kind":"element","name":"path","attributes":[{"kind":"literal","name":"d","value":"M12 17h.01"}],"children":[]}]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}}]},{"kind":"element","name":"ui-tooltip","attributes":[{"kind":"literal","name":"trigger","value":"click"},{"kind":"attribute","name":"id","expression":"format('%s-help-text', uid)","expressionPlan":{"source":"format('%s-help-text', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-help-text"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"for","expression":"format('%s-help', uid)","expressionPlan":{"source":"format('%s-help', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-help"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}}],"children":[{"kind":"element","name":"template","attributes":[{"kind":"directive","name":"value","expression":"help","expressionPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}],"children":[]}],"flow":{"kind":"if","test":"help","testPlan":{"source":"help","ast":{"kind":"id","name":"help"},"dependencies":["help"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"popup"},{"kind":"attribute","name":"hidden","expression":"not expanded","expressionPlan":{"source":"not expanded","ast":{"kind":"unary","op":"not","operand":{"kind":"id","name":"expanded"}},"dependencies":["expanded"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"role","value":"listbox"},{"kind":"attribute","name":"id","expression":"format('%s-listbox', uid)","expressionPlan":{"source":"format('%s-listbox', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-listbox"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"aria-label","expression":"format('%s suggestions', label)","expressionPlan":{"source":"format('%s suggestions', label)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s suggestions"},{"kind":"id","name":"label"}]},"dependencies":["label"]}},{"kind":"attribute","name":"aria-busy","expression":"loading","expressionPlan":{"source":"loading","ast":{"kind":"id","name":"loading"},"dependencies":["loading"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"attribute","name":"role","expression":"group.role","expressionPlan":{"source":"group.role","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"role"},"dependencies":["group.role"]}},{"kind":"attribute","name":"aria-label","expression":"group.label","expressionPlan":{"source":"group.label","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"label"},"dependencies":["group.label"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"group"},{"kind":"directive","name":"value","expression":"group.name","expressionPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}],"children":[],"flow":{"kind":"if","test":"group.name","testPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"row.index = active","expressionPlan":{"source":"row.index = active","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"right":{"kind":"id","name":"active"}},"dependencies":["active","row.index"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"attribute","name":"id","expression":"format('%s-option-%s', uid, row.index)","expressionPlan":{"source":"format('%s-option-%s', uid, row.index)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-option-%s"},{"kind":"id","name":"uid"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"}]},"dependencies":["row.index","uid"]}},{"kind":"attribute","name":"aria-selected","expression":"row.selected","expressionPlan":{"source":"row.selected","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"selected"},"dependencies":["row.selected"]}},{"kind":"attribute","name":"aria-disabled","expression":"row.disabled","expressionPlan":{"source":"row.disabled","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"disabled"},"dependencies":["row.disabled"]}},{"kind":"attribute","name":"data-index","expression":"row.index","expressionPlan":{"source":"row.index","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"index"},"dependencies":["row.index"]}}],"children":[{"kind":"slot","fallback":[{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"class","value":"primary"},{"kind":"directive","name":"value","expression":"row.label","expressionPlan":{"source":"row.label","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"label"},"dependencies":["row.label"]}}],"children":[]}],"nameExpression":{"source":"format('option-%s', row.id)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"option-%s"},{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"}]},"dependencies":["row.id"]}}],"flow":{"kind":"each","item":"row","list":"group.rows","listPlan":{"source":"group.rows","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"rows"},"dependencies":["group.rows"]},"key":"row.id","keyPlan":{"source":"row.id","ast":{"kind":"member","object":{"kind":"id","name":"row"},"key":"id"},"dependencies":["row.id"]}}}],"flow":{"kind":"each","item":"group","list":"groups","listPlan":{"source":"groups","ast":{"kind":"id","name":"groups"},"dependencies":["groups"]},"key":"group.name","keyPlan":{"source":"group.name","ast":{"kind":"member","object":{"kind":"id","name":"group"},"key":"name"},"dependencies":["group.name"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"option"},{"kind":"attribute","name":"active","expression":"createIndex = active","expressionPlan":{"source":"createIndex = active","ast":{"kind":"binary","op":"=","left":{"kind":"id","name":"createIndex"},"right":{"kind":"id","name":"active"}},"dependencies":["active","createIndex"]},"target":"class"},{"kind":"literal","name":"role","value":"option"},{"kind":"literal","name":"aria-selected","value":"false"},{"kind":"attribute","name":"id","expression":"format('%s-option-%s', uid, createIndex)","expressionPlan":{"source":"format('%s-option-%s', uid, createIndex)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-option-%s"},{"kind":"id","name":"uid"},{"kind":"id","name":"createIndex"}]},"dependencies":["createIndex","uid"]}},{"kind":"attribute","name":"data-index","expression":"createIndex","expressionPlan":{"source":"createIndex","ast":{"kind":"id","name":"createIndex"},"dependencies":["createIndex"]}},{"kind":"directive","name":"value","expression":"format('Create “%s”', raw)","expressionPlan":{"source":"format('Create “%s”', raw)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"Create “%s”"},{"kind":"id","name":"raw"}]},"dependencies":["raw"]}}],"children":[],"flow":{"kind":"if","test":"creatable","testPlan":{"source":"creatable","ast":{"kind":"id","name":"creatable"},"dependencies":["creatable"]}}},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"directive","name":"value","expression":"message","expressionPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}],"children":[],"flow":{"kind":"if","test":"message","testPlan":{"source":"message","ast":{"kind":"id","name":"message"},"dependencies":["message"]}}}],"ref":"listbox"},{"kind":"slot","fallback":[],"name":"footer"}],"ref":"popup"},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"message"},{"kind":"attribute","name":"id","expression":"format('%s-validation', uid)","expressionPlan":{"source":"format('%s-validation', uid)","ast":{"kind":"call","fn":"format","args":[{"kind":"literal","value":"%s-validation"},{"kind":"id","name":"uid"}]},"dependencies":["uid"]}},{"kind":"attribute","name":"hidden","expression":"not validation.issues.length","expressionPlan":{"source":"not validation.issues.length","ast":{"kind":"unary","op":"not","operand":{"kind":"member","object":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"key":"length"}},"dependencies":["validation.issues.length"]}}],"children":[{"kind":"element","name":"div","attributes":[{"kind":"directive","name":"value","expression":"issue.message","expressionPlan":{"source":"issue.message","ast":{"kind":"member","object":{"kind":"id","name":"issue"},"key":"message"},"dependencies":["issue.message"]}}],"children":[],"flow":{"kind":"each","item":"issue","list":"validation.issues","listPlan":{"source":"validation.issues","ast":{"kind":"member","object":{"kind":"id","name":"validation"},"key":"issues"},"dependencies":["validation.issues"]}}}]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"sr-only"},{"kind":"literal","name":"role","value":"status"},{"kind":"literal","name":"aria-live","value":"polite"},{"kind":"literal","name":"aria-atomic","value":"true"},{"kind":"directive","name":"value","expression":"statusText","expressionPlan":{"source":"statusText","ast":{"kind":"id","name":"statusText"},"dependencies":["statusText"]}}],"children":[]},{"kind":"element","name":"div","attributes":[{"kind":"literal","name":"class","value":"authored-options"},{"kind":"literal","name":"hidden","value":""},{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"slot"}],"ref":"options"}]},"declarations":[{"kind":"state","name":"internalItems","type":"list(object({ id: string, value: string, label: string, group?: string, disabled?: boolean }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"raw","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"display","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"selected","type":"string | null","expression":{"source":"null","ast":{"kind":"literal","value":null},"dependencies":[]}},{"kind":"state","name":"expanded","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"rows","type":"list(object({ id: string, value: string, label: string, group?: string, disabled: boolean, selected: boolean }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"active","expression":{"source":"-1","ast":{"kind":"unary","op":"-","operand":{"kind":"literal","value":1}},"dependencies":[]}},{"kind":"state","name":"loading","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"helpOpen","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"lookupError","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validation","type":"object({ status: pristine | pending | valid | warning | error, touched: boolean, dirty: boolean, issues: list(object({ message: string })), ... })","expression":{"source":"{ status: 'pristine', touched: false, dirty: false, issues: [] }","ast":{"kind":"object","pairs":[{"key":"status","value":{"kind":"literal","value":"pristine"}},{"key":"touched","value":{"kind":"literal","value":false}},{"key":"dirty","value":{"kind":"literal","value":false}},{"key":"issues","value":{"kind":"array","items":[]}}]},"dependencies":[]}},{"kind":"state","name":"uid","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"submitted","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"groups","type":"list(object({ name: string, role: group | presentation, label: string | null, rows: list(object({ id: string, value: string, label: string, group?: string, disabled: boolean, selected: boolean, index: integer })) }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}},{"kind":"state","name":"creatable","expression":{"source":"false","ast":{"kind":"literal","value":false},"dependencies":[]}},{"kind":"state","name":"createIndex","expression":{"source":"0","ast":{"kind":"literal","value":0},"dependencies":[]}},{"kind":"state","name":"message","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"statusText","expression":{"source":"''","ast":{"kind":"literal","value":""},"dependencies":[]}},{"kind":"state","name":"validationStatus","expression":{"source":"'pristine'","ast":{"kind":"literal","value":"pristine"},"dependencies":[]}},{"kind":"event","name":"query-change","type":"object({ query: string, display: string, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"value-change","type":"object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic }) | list(object({ id: string, value: string, label: string, group?: string, disabled?: boolean }))","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"free-entry","type":"object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-entry","type":"object({ value: string | null, query: string, option: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }) | null, kind: selection | clear | free-entry | create, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"validation-change","type":"object({ status: pristine | pending | valid | warning | error, touched: boolean, dirty: boolean, issues: list(object({ message: string, path?: list(unknown), severity?: error | warning })), output?: unknown })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"options-change","type":"list(object({ id: string, value: string, label: string, group?: string, disabled?: boolean }))","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"add-item","type":"object({ item: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }), index: integer, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"remove-item","type":"object({ item: object({ id: string, value: string, label: string, group?: string, disabled?: boolean }), index: integer, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"create-item","type":"object({ query: string, trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"event","name":"selected-values-change","type":"object({ selectedValues: list(string), trigger: keyboard | pointer | programmatic })","bubbles":true,"composed":true,"cancelable":false},{"kind":"method","name":"validate","exportName":"validate","returns":"promise(unknown)"},{"kind":"method","name":"focusInput","exportName":"focusInput","returns":"promise(undefined)"}],"root":{"kind":"native","element":"div","choices":["div"]}},source:{file:import.meta.url},css:""};
 
 export function createUiCombobox(options = {}) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;

package/vanilla/UiIcon.js

@@ -1,9 +1,8 @@
 // Generated by HTML Next 1.0.0-alpha.7 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
-import * as controller from "../components/ui-icon/ui-icon.js";
 import "../styles/ui-icon.css";
 
-const definition = {...{"contract":{"tag":"ui-icon","props":{"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""}}},"template":{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"},{"kind":"literal","name":"focusable","value":"false"}],"children":[{"kind":"element","name":"g","attributes":[],"children":[{"kind":"element","name":"path","attributes":[{"kind":"attribute","name":"d","expression":"shape.d","expressionPlan":{"source":"shape.d","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"d"},"dependencies":["shape.d"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'path'","testPlan":{"source":"shape.tag = 'path'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"path"}},"dependencies":["shape.tag"]}}},{"kind":"element","name":"circle","attributes":[{"kind":"attribute","name":"cx","expression":"shape.cx","expressionPlan":{"source":"shape.cx","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"cx"},"dependencies":["shape.cx"]}},{"kind":"attribute","name":"cy","expression":"shape.cy","expressionPlan":{"source":"shape.cy","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"cy"},"dependencies":["shape.cy"]}},{"kind":"attribute","name":"r","expression":"shape.r","expressionPlan":{"source":"shape.r","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"r"},"dependencies":["shape.r"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'circle'","testPlan":{"source":"shape.tag = 'circle'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"circle"}},"dependencies":["shape.tag"]}}},{"kind":"element","name":"rect","attributes":[{"kind":"attribute","name":"x","expression":"shape.x","expressionPlan":{"source":"shape.x","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"x"},"dependencies":["shape.x"]}},{"kind":"attribute","name":"y","expression":"shape.y","expressionPlan":{"source":"shape.y","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"y"},"dependencies":["shape.y"]}},{"kind":"attribute","name":"width","expression":"shape.width","expressionPlan":{"source":"shape.width","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"width"},"dependencies":["shape.width"]}},{"kind":"attribute","name":"height","expression":"shape.height","expressionPlan":{"source":"shape.height","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"height"},"dependencies":["shape.height"]}},{"kind":"attribute","name":"rx","expression":"shape.rx","expressionPlan":{"source":"shape.rx","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"rx"},"dependencies":["shape.rx"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'rect'","testPlan":{"source":"shape.tag = 'rect'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"rect"}},"dependencies":["shape.tag"]}}},{"kind":"element","name":"line","attributes":[{"kind":"attribute","name":"x1","expression":"shape.x1","expressionPlan":{"source":"shape.x1","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"x1"},"dependencies":["shape.x1"]}},{"kind":"attribute","name":"x2","expression":"shape.x2","expressionPlan":{"source":"shape.x2","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"x2"},"dependencies":["shape.x2"]}},{"kind":"attribute","name":"y1","expression":"shape.y1","expressionPlan":{"source":"shape.y1","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"y1"},"dependencies":["shape.y1"]}},{"kind":"attribute","name":"y2","expression":"shape.y2","expressionPlan":{"source":"shape.y2","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"y2"},"dependencies":["shape.y2"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'line'","testPlan":{"source":"shape.tag = 'line'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"line"}},"dependencies":["shape.tag"]}}}],"flow":{"kind":"each","item":"shape","list":"shapes","listPlan":{"source":"shapes","ast":{"kind":"id","name":"shapes"},"dependencies":["shapes"]}}}]}]},"declarations":[{"kind":"state","name":"shapes","type":"list(object({ tag: path | circle | rect | line, d?: string, cx?: string, cy?: string, r?: string, x?: string, y?: string, width?: string, height?: string, rx?: string, x1?: string, x2?: string, y1?: string, y2?: string }))","expression":{"source":"[]","ast":{"kind":"array","items":[]},"dependencies":[]}}],"root":{"kind":"native","element":"span","choices":["span"]}},source:{file:import.meta.url},css:""};
+const definition = {...{"contract":{"tag":"ui-icon","props":{"name":{"type":"string","required":false,"target":{"attribute":"name"},"default":""}}},"template":{"kind":"element","name":"span","attributes":[{"kind":"literal","name":"aria-hidden","value":"true"}],"children":[{"kind":"element","name":"svg","attributes":[{"kind":"literal","name":"viewBox","value":"0 0 24 24"},{"kind":"literal","name":"fill","value":"none"},{"kind":"literal","name":"stroke","value":"currentColor"},{"kind":"literal","name":"stroke-width","value":"2"},{"kind":"literal","name":"stroke-linecap","value":"round"},{"kind":"literal","name":"stroke-linejoin","value":"round"},{"kind":"literal","name":"focusable","value":"false"}],"children":[{"kind":"element","name":"g","attributes":[],"children":[{"kind":"element","name":"path","attributes":[{"kind":"attribute","name":"d","expression":"shape.d","expressionPlan":{"source":"shape.d","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"d"},"dependencies":["shape.d"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'path'","testPlan":{"source":"shape.tag = 'path'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"path"}},"dependencies":["shape.tag"]}}},{"kind":"element","name":"circle","attributes":[{"kind":"attribute","name":"cx","expression":"shape.cx","expressionPlan":{"source":"shape.cx","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"cx"},"dependencies":["shape.cx"]}},{"kind":"attribute","name":"cy","expression":"shape.cy","expressionPlan":{"source":"shape.cy","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"cy"},"dependencies":["shape.cy"]}},{"kind":"attribute","name":"r","expression":"shape.r","expressionPlan":{"source":"shape.r","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"r"},"dependencies":["shape.r"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'circle'","testPlan":{"source":"shape.tag = 'circle'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"circle"}},"dependencies":["shape.tag"]}}},{"kind":"element","name":"rect","attributes":[{"kind":"attribute","name":"x","expression":"shape.x","expressionPlan":{"source":"shape.x","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"x"},"dependencies":["shape.x"]}},{"kind":"attribute","name":"y","expression":"shape.y","expressionPlan":{"source":"shape.y","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"y"},"dependencies":["shape.y"]}},{"kind":"attribute","name":"width","expression":"shape.width","expressionPlan":{"source":"shape.width","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"width"},"dependencies":["shape.width"]}},{"kind":"attribute","name":"height","expression":"shape.height","expressionPlan":{"source":"shape.height","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"height"},"dependencies":["shape.height"]}},{"kind":"attribute","name":"rx","expression":"shape.rx","expressionPlan":{"source":"shape.rx","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"rx"},"dependencies":["shape.rx"]}},{"kind":"attribute","name":"ry","expression":"shape.ry","expressionPlan":{"source":"shape.ry","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"ry"},"dependencies":["shape.ry"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'rect'","testPlan":{"source":"shape.tag = 'rect'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"rect"}},"dependencies":["shape.tag"]}}},{"kind":"element","name":"line","attributes":[{"kind":"attribute","name":"x1","expression":"shape.x1","expressionPlan":{"source":"shape.x1","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"x1"},"dependencies":["shape.x1"]}},{"kind":"attribute","name":"y1","expression":"shape.y1","expressionPlan":{"source":"shape.y1","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"y1"},"dependencies":["shape.y1"]}},{"kind":"attribute","name":"x2","expression":"shape.x2","expressionPlan":{"source":"shape.x2","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"x2"},"dependencies":["shape.x2"]}},{"kind":"attribute","name":"y2","expression":"shape.y2","expressionPlan":{"source":"shape.y2","ast":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"y2"},"dependencies":["shape.y2"]}}],"children":[],"flow":{"kind":"if","test":"shape.tag = 'line'","testPlan":{"source":"shape.tag = 'line'","ast":{"kind":"binary","op":"=","left":{"kind":"member","object":{"kind":"id","name":"shape"},"key":"tag"},"right":{"kind":"literal","value":"line"}},"dependencies":["shape.tag"]}}}],"flow":{"kind":"each","item":"shape","list":"shapes","listPlan":{"source":"shapes","ast":{"kind":"id","name":"shapes"},"dependencies":["shapes"]}}}]}]},"declarations":[{"kind":"computed","name":"shapes","expression":{"source":"{\n        'align-center': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M17 12H7' }, { tag: 'path', d: 'M19 19H5' }],\n        'align-left': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M15 12H3' }, { tag: 'path', d: 'M17 19H3' }],\n        'align-right': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M21 12H9' }, { tag: 'path', d: 'M21 19H7' }],\n        'arrow-left': [{ tag: 'path', d: 'm12 19-7-7 7-7' }, { tag: 'path', d: 'M19 12H5' }],\n        'bold': [{ tag: 'path', d: 'M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8' }],\n        'book-user': [{ tag: 'path', d: 'M15 13a3 3 0 1 0-6 0' }, { tag: 'path', d: 'M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20' }, { tag: 'circle', cx: '12', cy: '8', r: '2' }],\n        'braces': [{ tag: 'path', d: 'M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1' }, { tag: 'path', d: 'M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1' }],\n        'calculator': [{ tag: 'rect', width: '16', height: '20', x: '4', y: '2', rx: '2' }, { tag: 'line', x1: '8', x2: '16', y1: '6', y2: '6' }, { tag: 'line', x1: '16', x2: '16', y1: '14', y2: '18' }, { tag: 'path', d: 'M16 10h.01' }, { tag: 'path', d: 'M12 10h.01' }, { tag: 'path', d: 'M8 10h.01' }, { tag: 'path', d: 'M12 14h.01' }, { tag: 'path', d: 'M8 14h.01' }, { tag: 'path', d: 'M12 18h.01' }, { tag: 'path', d: 'M8 18h.01' }],\n        'chevron-down': [{ tag: 'path', d: 'm6 9 6 6 6-6' }],\n        'chevron-left': [{ tag: 'path', d: 'm15 18-6-6 6-6' }],\n        'chevron-right': [{ tag: 'path', d: 'm9 18 6-6-6-6' }],\n        'circle-check': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'm9 12 2 2 4-4' }],\n        'circle-x': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'm15 9-6 6' }, { tag: 'path', d: 'm9 9 6 6' }],\n        'code-xml': [{ tag: 'path', d: 'm18 16 4-4-4-4' }, { tag: 'path', d: 'm6 8-4 4 4 4' }, { tag: 'path', d: 'm14.5 4-5 16' }],\n        'columns': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, { tag: 'path', d: 'M9 3v18' }, { tag: 'path', d: 'M15 3v18' }],\n        'credit-card': [{ tag: 'rect', width: '20', height: '14', x: '2', y: '5', rx: '2' }, { tag: 'line', x1: '2', x2: '22', y1: '10', y2: '10' }],\n        'ellipsis': [{ tag: 'circle', cx: '12', cy: '12', r: '1' }, { tag: 'circle', cx: '19', cy: '12', r: '1' }, { tag: 'circle', cx: '5', cy: '12', r: '1' }],\n        'eraser': [{ tag: 'path', d: 'M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21' }, { tag: 'path', d: 'm5.082 11.09 8.828 8.828' }],\n        'file-text': [{ tag: 'path', d: 'M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z' }, { tag: 'path', d: 'M14 2v5a1 1 0 0 0 1 1h5' }, { tag: 'path', d: 'M10 9H8' }, { tag: 'path', d: 'M16 13H8' }, { tag: 'path', d: 'M16 17H8' }],\n        'folder': [{ tag: 'path', d: 'M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' }],\n        'grip-horizontal': [{ tag: 'circle', cx: '12', cy: '9', r: '1' }, { tag: 'circle', cx: '19', cy: '9', r: '1' }, { tag: 'circle', cx: '5', cy: '9', r: '1' }, { tag: 'circle', cx: '12', cy: '15', r: '1' }, { tag: 'circle', cx: '19', cy: '15', r: '1' }, { tag: 'circle', cx: '5', cy: '15', r: '1' }],\n        'grip-vertical': [{ tag: 'circle', cx: '9', cy: '12', r: '1' }, { tag: 'circle', cx: '9', cy: '5', r: '1' }, { tag: 'circle', cx: '9', cy: '19', r: '1' }, { tag: 'circle', cx: '15', cy: '12', r: '1' }, { tag: 'circle', cx: '15', cy: '5', r: '1' }, { tag: 'circle', cx: '15', cy: '19', r: '1' }],\n        'heading-1': [{ tag: 'path', d: 'M4 12h8' }, { tag: 'path', d: 'M4 18V6' }, { tag: 'path', d: 'M12 18V6' }, { tag: 'path', d: 'm17 12 3-2v8' }],\n        'heading-2': [{ tag: 'path', d: 'M4 12h8' }, { tag: 'path', d: 'M4 18V6' }, { tag: 'path', d: 'M12 18V6' }, { tag: 'path', d: 'M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1' }],\n        'heading-3': [{ tag: 'path', d: 'M4 12h8' }, { tag: 'path', d: 'M4 18V6' }, { tag: 'path', d: 'M12 18V6' }, { tag: 'path', d: 'M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2' }, { tag: 'path', d: 'M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2' }],\n        'help': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3' }, { tag: 'path', d: 'M12 17h.01' }],\n        'highlighter': [{ tag: 'path', d: 'm9 11-6 6v3h9l3-3' }, { tag: 'path', d: 'm22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4' }],\n        'image': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2', ry: '2' }, { tag: 'circle', cx: '9', cy: '9', r: '2' }, { tag: 'path', d: 'm21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21' }],\n        'info': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'M12 16v-4' }, { tag: 'path', d: 'M12 8h.01' }],\n        'italic': [{ tag: 'line', x1: '19', x2: '10', y1: '4', y2: '4' }, { tag: 'line', x1: '14', x2: '5', y1: '20', y2: '20' }, { tag: 'line', x1: '15', x2: '9', y1: '4', y2: '20' }],\n        'layout-dashboard': [{ tag: 'rect', width: '7', height: '9', x: '3', y: '3', rx: '1' }, { tag: 'rect', width: '7', height: '5', x: '14', y: '3', rx: '1' }, { tag: 'rect', width: '7', height: '9', x: '14', y: '12', rx: '1' }, { tag: 'rect', width: '7', height: '5', x: '3', y: '16', rx: '1' }],\n        'list': [{ tag: 'path', d: 'M3 5h.01' }, { tag: 'path', d: 'M3 12h.01' }, { tag: 'path', d: 'M3 19h.01' }, { tag: 'path', d: 'M8 5h13' }, { tag: 'path', d: 'M8 12h13' }, { tag: 'path', d: 'M8 19h13' }],\n        'list-ordered': [{ tag: 'path', d: 'M11 5h10' }, { tag: 'path', d: 'M11 12h10' }, { tag: 'path', d: 'M11 19h10' }, { tag: 'path', d: 'M4 4h1v5' }, { tag: 'path', d: 'M4 9h2' }, { tag: 'path', d: 'M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02' }],\n        'list-todo': [{ tag: 'path', d: 'M13 5h8' }, { tag: 'path', d: 'M13 12h8' }, { tag: 'path', d: 'M13 19h8' }, { tag: 'path', d: 'm3 17 2 2 4-4' }, { tag: 'rect', x: '3', y: '4', width: '6', height: '6', rx: '1' }],\n        'loader': [{ tag: 'path', d: 'M21 12a9 9 0 1 1-6.219-8.56' }],\n        'merge': [{ tag: 'path', d: 'm8 6 4-4 4 4' }, { tag: 'path', d: 'M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22' }, { tag: 'path', d: 'm20 22-5-5' }],\n        'minus': [{ tag: 'path', d: 'M5 12h14' }],\n        'notebook-pen': [{ tag: 'path', d: 'M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4' }, { tag: 'path', d: 'M2 6h4' }, { tag: 'path', d: 'M2 10h4' }, { tag: 'path', d: 'M2 14h4' }, { tag: 'path', d: 'M2 18h4' }, { tag: 'path', d: 'M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z' }],\n        'paint-bucket': [{ tag: 'path', d: 'm19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z' }, { tag: 'path', d: 'm5 2 5 5' }, { tag: 'path', d: 'M2 13h15' }, { tag: 'path', d: 'M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z' }],\n        'panel-bottom': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, { tag: 'path', d: 'M3 15h18' }],\n        'panel-left': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, { tag: 'path', d: 'M9 3v18' }],\n        'panel-right': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, { tag: 'path', d: 'M15 3v18' }],\n        'panel-top': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, { tag: 'path', d: 'M3 9h18' }],\n        'pilcrow': [{ tag: 'path', d: 'M13 4v16' }, { tag: 'path', d: 'M17 4v16' }, { tag: 'path', d: 'M19 4H9.5a4.5 4.5 0 0 0 0 9H13' }],\n        'plus': [{ tag: 'path', d: 'M5 12h14' }, { tag: 'path', d: 'M12 5v14' }],\n        'quote': [{ tag: 'path', d: 'M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z' }, { tag: 'path', d: 'M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z' }],\n        'receipt': [{ tag: 'path', d: 'M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z' }, { tag: 'path', d: 'M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8' }, { tag: 'path', d: 'M12 17.5v-11' }],\n        'redo': [{ tag: 'path', d: 'm15 14 5-5-5-5' }, { tag: 'path', d: 'M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13' }],\n        'rows': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, { tag: 'path', d: 'M21 9H3' }, { tag: 'path', d: 'M21 15H3' }],\n        'settings': [{ tag: 'path', d: 'M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915' }, { tag: 'circle', cx: '12', cy: '12', r: '3' }],\n        'split': [{ tag: 'path', d: 'M16 3h5v5' }, { tag: 'path', d: 'M8 3H3v5' }, { tag: 'path', d: 'M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3' }, { tag: 'path', d: 'm15 9 6-6' }],\n        'strikethrough': [{ tag: 'path', d: 'M16 4H9a3 3 0 0 0-2.83 4' }, { tag: 'path', d: 'M14 12a4 4 0 0 1 0 8H6' }, { tag: 'line', x1: '4', x2: '20', y1: '12', y2: '12' }],\n        'table': [{ tag: 'path', d: 'M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18' }],\n        'trash': [{ tag: 'path', d: 'M10 11v6' }, { tag: 'path', d: 'M14 11v6' }, { tag: 'path', d: 'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6' }, { tag: 'path', d: 'M3 6h18' }, { tag: 'path', d: 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2' }],\n        'triangle-alert': [{ tag: 'path', d: 'm21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3' }, { tag: 'path', d: 'M12 9v4' }, { tag: 'path', d: 'M12 17h.01' }],\n        'truck': [{ tag: 'path', d: 'M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2' }, { tag: 'path', d: 'M15 18H9' }, { tag: 'path', d: 'M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14' }, { tag: 'circle', cx: '17', cy: '18', r: '2' }, { tag: 'circle', cx: '7', cy: '18', r: '2' }],\n        'underline': [{ tag: 'path', d: 'M6 4v6a6 6 0 0 0 12 0V4' }, { tag: 'line', x1: '4', x2: '20', y1: '20', y2: '20' }],\n        'undo': [{ tag: 'path', d: 'M9 14 4 9l5-5' }, { tag: 'path', d: 'M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11' }],\n        'users': [{ tag: 'path', d: 'M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2' }, { tag: 'path', d: 'M16 3.128a4 4 0 0 1 0 7.744' }, { tag: 'path', d: 'M22 21v-2a4 4 0 0 0-3-3.87' }, { tag: 'circle', cx: '9', cy: '7', r: '4' }],\n      }[name]","ast":{"kind":"index","object":{"kind":"object","pairs":[{"key":"align-center","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 5H3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M17 12H7"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M19 19H5"}}]}]}},{"key":"align-left","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 5H3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M15 12H3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M17 19H3"}}]}]}},{"key":"align-right","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 5H3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 12H9"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 19H7"}}]}]}},{"key":"arrow-left","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m12 19-7-7 7-7"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M19 12H5"}}]}]}},{"key":"bold","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8"}}]}]}},{"key":"book-user","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M15 13a3 3 0 1 0-6 0"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"8"}},{"key":"r","value":{"kind":"literal","value":"2"}}]}]}},{"key":"braces","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"}}]}]}},{"key":"calculator","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"16"}},{"key":"height","value":{"kind":"literal","value":"20"}},{"key":"x","value":{"kind":"literal","value":"4"}},{"key":"y","value":{"kind":"literal","value":"2"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"8"}},{"key":"x2","value":{"kind":"literal","value":"16"}},{"key":"y1","value":{"kind":"literal","value":"6"}},{"key":"y2","value":{"kind":"literal","value":"6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"16"}},{"key":"x2","value":{"kind":"literal","value":"16"}},{"key":"y1","value":{"kind":"literal","value":"14"}},{"key":"y2","value":{"kind":"literal","value":"18"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 10h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 10h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 10h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 14h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 14h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 18h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 18h.01"}}]}]}},{"key":"chevron-down","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m6 9 6 6 6-6"}}]}]}},{"key":"chevron-left","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m15 18-6-6 6-6"}}]}]}},{"key":"chevron-right","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m9 18 6-6-6-6"}}]}]}},{"key":"circle-check","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m9 12 2 2 4-4"}}]}]}},{"key":"circle-x","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m15 9-6 6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m9 9 6 6"}}]}]}},{"key":"code-xml","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m18 16 4-4-4-4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m6 8-4 4 4 4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m14.5 4-5 16"}}]}]}},{"key":"columns","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M9 3v18"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M15 3v18"}}]}]}},{"key":"credit-card","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"20"}},{"key":"height","value":{"kind":"literal","value":"14"}},{"key":"x","value":{"kind":"literal","value":"2"}},{"key":"y","value":{"kind":"literal","value":"5"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"2"}},{"key":"x2","value":{"kind":"literal","value":"22"}},{"key":"y1","value":{"kind":"literal","value":"10"}},{"key":"y2","value":{"kind":"literal","value":"10"}}]}]}},{"key":"ellipsis","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"19"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"5"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"1"}}]}]}},{"key":"eraser","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m5.082 11.09 8.828 8.828"}}]}]}},{"key":"file-text","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M14 2v5a1 1 0 0 0 1 1h5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M10 9H8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 13H8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 17H8"}}]}]}},{"key":"folder","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"}}]}]}},{"key":"grip-horizontal","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"9"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"19"}},{"key":"cy","value":{"kind":"literal","value":"9"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"5"}},{"key":"cy","value":{"kind":"literal","value":"9"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"15"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"19"}},{"key":"cy","value":{"kind":"literal","value":"15"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"5"}},{"key":"cy","value":{"kind":"literal","value":"15"}},{"key":"r","value":{"kind":"literal","value":"1"}}]}]}},{"key":"grip-vertical","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"9"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"9"}},{"key":"cy","value":{"kind":"literal","value":"5"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"9"}},{"key":"cy","value":{"kind":"literal","value":"19"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"15"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"15"}},{"key":"cy","value":{"kind":"literal","value":"5"}},{"key":"r","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"15"}},{"key":"cy","value":{"kind":"literal","value":"19"}},{"key":"r","value":{"kind":"literal","value":"1"}}]}]}},{"key":"heading-1","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 12h8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 18V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 18V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m17 12 3-2v8"}}]}]}},{"key":"heading-2","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 12h8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 18V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 18V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1"}}]}]}},{"key":"heading-3","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 12h8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 18V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 18V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2"}}]}]}},{"key":"help","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 17h.01"}}]}]}},{"key":"highlighter","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m9 11-6 6v3h9l3-3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"}}]}]}},{"key":"image","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}},{"key":"ry","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"9"}},{"key":"cy","value":{"kind":"literal","value":"9"}},{"key":"r","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"}}]}]}},{"key":"info","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 16v-4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 8h.01"}}]}]}},{"key":"italic","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"19"}},{"key":"x2","value":{"kind":"literal","value":"10"}},{"key":"y1","value":{"kind":"literal","value":"4"}},{"key":"y2","value":{"kind":"literal","value":"4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"14"}},{"key":"x2","value":{"kind":"literal","value":"5"}},{"key":"y1","value":{"kind":"literal","value":"20"}},{"key":"y2","value":{"kind":"literal","value":"20"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"15"}},{"key":"x2","value":{"kind":"literal","value":"9"}},{"key":"y1","value":{"kind":"literal","value":"4"}},{"key":"y2","value":{"kind":"literal","value":"20"}}]}]}},{"key":"layout-dashboard","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"7"}},{"key":"height","value":{"kind":"literal","value":"9"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"7"}},{"key":"height","value":{"kind":"literal","value":"5"}},{"key":"x","value":{"kind":"literal","value":"14"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"7"}},{"key":"height","value":{"kind":"literal","value":"9"}},{"key":"x","value":{"kind":"literal","value":"14"}},{"key":"y","value":{"kind":"literal","value":"12"}},{"key":"rx","value":{"kind":"literal","value":"1"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"7"}},{"key":"height","value":{"kind":"literal","value":"5"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"16"}},{"key":"rx","value":{"kind":"literal","value":"1"}}]}]}},{"key":"list","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M3 5h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M3 12h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M3 19h.01"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 5h13"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 12h13"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 19h13"}}]}]}},{"key":"list-ordered","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M11 5h10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M11 12h10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M11 19h10"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 4h1v5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 9h2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02"}}]}]}},{"key":"list-todo","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M13 5h8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M13 12h8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M13 19h8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m3 17 2 2 4-4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"4"}},{"key":"width","value":{"kind":"literal","value":"6"}},{"key":"height","value":{"kind":"literal","value":"6"}},{"key":"rx","value":{"kind":"literal","value":"1"}}]}]}},{"key":"loader","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 12a9 9 0 1 1-6.219-8.56"}}]}]}},{"key":"merge","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m8 6 4-4 4 4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m20 22-5-5"}}]}]}},{"key":"minus","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M5 12h14"}}]}]}},{"key":"notebook-pen","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M2 6h4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M2 10h4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M2 14h4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M2 18h4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"}}]}]}},{"key":"paint-bucket","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m5 2 5 5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M2 13h15"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z"}}]}]}},{"key":"panel-bottom","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M3 15h18"}}]}]}},{"key":"panel-left","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M9 3v18"}}]}]}},{"key":"panel-right","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M15 3v18"}}]}]}},{"key":"panel-top","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M3 9h18"}}]}]}},{"key":"pilcrow","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M13 4v16"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M17 4v16"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M19 4H9.5a4.5 4.5 0 0 0 0 9H13"}}]}]}},{"key":"plus","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M5 12h14"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 5v14"}}]}]}},{"key":"quote","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"}}]}]}},{"key":"receipt","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 17.5v-11"}}]}]}},{"key":"redo","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m15 14 5-5-5-5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13"}}]}]}},{"key":"rows","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"rect"}},{"key":"width","value":{"kind":"literal","value":"18"}},{"key":"height","value":{"kind":"literal","value":"18"}},{"key":"x","value":{"kind":"literal","value":"3"}},{"key":"y","value":{"kind":"literal","value":"3"}},{"key":"rx","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 9H3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M21 15H3"}}]}]}},{"key":"settings","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"12"}},{"key":"cy","value":{"kind":"literal","value":"12"}},{"key":"r","value":{"kind":"literal","value":"3"}}]}]}},{"key":"split","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 3h5v5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 3H3v5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m15 9 6-6"}}]}]}},{"key":"strikethrough","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 4H9a3 3 0 0 0-2.83 4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M14 12a4 4 0 0 1 0 8H6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"4"}},{"key":"x2","value":{"kind":"literal","value":"20"}},{"key":"y1","value":{"kind":"literal","value":"12"}},{"key":"y2","value":{"kind":"literal","value":"12"}}]}]}},{"key":"table","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"}}]}]}},{"key":"trash","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M10 11v6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M14 11v6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M3 6h18"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"}}]}]}},{"key":"triangle-alert","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 9v4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M12 17h.01"}}]}]}},{"key":"truck","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M15 18H9"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"17"}},{"key":"cy","value":{"kind":"literal","value":"18"}},{"key":"r","value":{"kind":"literal","value":"2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"7"}},{"key":"cy","value":{"kind":"literal","value":"18"}},{"key":"r","value":{"kind":"literal","value":"2"}}]}]}},{"key":"underline","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M6 4v6a6 6 0 0 0 12 0V4"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"line"}},{"key":"x1","value":{"kind":"literal","value":"4"}},{"key":"x2","value":{"kind":"literal","value":"20"}},{"key":"y1","value":{"kind":"literal","value":"20"}},{"key":"y2","value":{"kind":"literal","value":"20"}}]}]}},{"key":"undo","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M9 14 4 9l5-5"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"}}]}]}},{"key":"users","value":{"kind":"array","items":[{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M16 3.128a4 4 0 0 1 0 7.744"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"path"}},{"key":"d","value":{"kind":"literal","value":"M22 21v-2a4 4 0 0 0-3-3.87"}}]},{"kind":"object","pairs":[{"key":"tag","value":{"kind":"literal","value":"circle"}},{"key":"cx","value":{"kind":"literal","value":"9"}},{"key":"cy","value":{"kind":"literal","value":"7"}},{"key":"r","value":{"kind":"literal","value":"4"}}]}]}}]},"index":{"kind":"id","name":"name"}},"dependencies":["name"]}}],"root":{"kind":"native","element":"span","choices":["span"]}},source:{file:import.meta.url},css:""};
 
 export function createUiIcon(options = {}) {
   const { attributes = {}, children = [], slots = {}, ...componentProps } = options;
@@ -35,7 +34,6 @@ export function createUiIcon(options = {}) {
   element0.append(element1);
   element.append(element0);
   manageComponentLifecycle(element, definition, { props: componentProps, projected,
-    controller,
   });
   return element;
 }

package/vanilla/UiInput.d.ts

@@ -10,6 +10,7 @@ export interface UiInputProps {
   invalid?: boolean | null;
   readonly?: boolean | null;
   required?: boolean | null;
+  size?: "sm" | "md" | "lg" | null;
   value?: string | null;
   attributes?: Readonly<Record<string, string | number | boolean | null | undefined>>;
   children?: readonly (string | Node)[];