@threadlabs/looma 0.30.1 → 0.30.3

package/vue/UiIcon.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.58 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.63 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -10,7 +10,20 @@ import {
   nativeAttrs,
   useReflectedProp,
 } from './host'
-import { checkedProp, vPropValidity } from './props'
+import {
+  BINDING_INPUTS_PROP,
+  checkedProp,
+  checkPropInput,
+  type InputBindings,
+  inputComputed,
+  inputDefault,
+  inputRead,
+  READY_INPUT,
+  requireInputStatus,
+  UNRESOLVED_INPUT,
+  vPropValidity,
+  vuePropInputs,
+} from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -36,406 +49,442 @@ const propValidityContract = {
   },
 } as const
 const props = defineProps({
-  name: { type: null as unknown as PropType<string | null>, default: '' },
-  tone: {
-    type: null as unknown as PropType<'inherit' | 'secondary' | 'muted' | null>,
-    default: 'inherit',
-  },
+  name: { type: null as unknown as PropType<string | null> },
+  tone: { type: null as unknown as PropType<'inherit' | 'secondary' | 'muted' | null> },
+  [BINDING_INPUTS_PROP]: { type: null as unknown as PropType<InputBindings> },
 })
 const acceptedProps: Record<string, unknown> = { name: '', tone: 'inherit' }
-const checkedProps = computed(() => ({
-  name: checkedProp<string>(
-    props['name'],
-    { kind: 'terminal', name: 'string' },
-    false,
-    'name',
-    acceptedProps,
-  ) as string,
-  tone: checkedProp<'inherit' | 'secondary' | 'muted'>(
-    props['tone'],
-    { kind: 'terminal', name: 'keyword' },
-    false,
-    'tone',
-    acceptedProps,
-  ) as 'inherit' | 'secondary' | 'muted',
-}))
+const inputTracking = vuePropInputs(
+  acceptedProps,
+  { name: '', tone: 'inherit' },
+  (name, value, source, values) => {
+    switch (name) {
+      case 'name':
+        return checkPropInput(value, { kind: 'terminal', name: 'string' }, true, true)
+      case 'tone':
+        return checkPropInput(value, { kind: 'terminal', name: 'keyword' }, true, true)
+      default:
+        return { ok: false }
+    }
+  },
+  () => {
+    void checkedProps.value
+  },
+)
+const propInputs = inputTracking.inputs
+const checkedProps = computed(() => {
+  void inputTracking.version.value
+  return ({
+    name: propInputs.value<string | null>(
+      'name',
+      props['name'],
+      props[BINDING_INPUTS_PROP],
+    ) as string,
+    tone: propInputs.value<'inherit' | 'secondary' | 'muted' | null>(
+      'tone',
+      props['tone'],
+      props[BINDING_INPUTS_PROP],
+    ) as 'inherit' | 'secondary' | 'muted',
+  })
+})
+const inputStatus = (name: string, handlesError: boolean) => {
+  void checkedProps.value
+  void inputTracking.version.value
+  return requireInputStatus(propInputs.status(name), handlesError)
+}
 void checkedProps.value
 watchSyncEffect(() => {
   void checkedProps.value
 })
 const reflectedProp = useReflectedProp()
 
-const shapes = cycleCheckedComputed(() =>
-  (({
-    'align-center': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M17 12H7' }, {
-      tag: 'path',
-      d: 'M19 19H5',
-    }],
-    'align-left': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M15 12H3' }, {
-      tag: 'path',
-      d: 'M17 19H3',
-    }],
-    'align-right': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M21 12H9' }, {
-      tag: 'path',
-      d: 'M21 19H7',
-    }],
-    'arrow-left': [{ tag: 'path', d: 'm12 19-7-7 7-7' }, { tag: 'path', d: 'M19 12H5' }],
-    bell: [{ tag: 'path', d: 'M10.268 21a2 2 0 0 0 3.464 0' }, {
-      tag: 'path',
-      d: 'M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326',
-    }],
-    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',
-    }],
-    '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' }],
-    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',
-    }],
-    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' },
-    ],
-    check: [{ tag: 'path', d: 'M20 6 9 17l-5-5' }],
-    'chevron-down': [{ tag: 'path', d: 'm6 9 6 6 6-6' }],
-    'chevron-left': [{ tag: 'path', d: 'm15 18-6-6 6-6' }],
-    'chevron-right': [{ tag: 'path', d: 'm9 18 6-6-6-6' }],
-    'circle-check': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, {
-      tag: 'path',
-      d: 'm9 12 2 2 4-4',
-    }],
-    'circle-dot': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, {
-      tag: 'circle',
-      cx: '12',
-      cy: '12',
-      r: '1',
-    }],
-    'circle-x': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'm15 9-6 6' }, {
-      tag: 'path',
-      d: 'm9 9 6 6',
-    }],
-    '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',
-    }],
-    columns: [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
-      tag: 'path',
-      d: 'M9 3v18',
-    }, { tag: 'path', d: 'M15 3v18' }],
-    compass: [{
-      tag: 'path',
-      d: 'm16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z',
-    }, { tag: 'circle', cx: '12', cy: '12', r: '10' }],
-    'credit-card': [{ tag: 'rect', width: '20', height: '14', x: '2', y: '5', rx: '2' }, {
-      tag: 'line',
-      x1: '2',
-      x2: '22',
-      y1: '10',
-      y2: '10',
-    }],
-    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' }],
-    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' }],
-    'external-link': [{ tag: 'path', d: 'M15 3h6v6' }, { tag: 'path', d: 'M10 14 21 3' }, {
-      tag: 'path',
-      d: 'M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6',
-    }],
-    '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' },
-    ],
-    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',
-    }],
-    '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' },
-    ],
-    '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' },
-    ],
-    'heading-1': [{ tag: 'path', d: 'M4 12h8' }, { tag: 'path', d: 'M4 18V6' }, {
-      tag: 'path',
-      d: 'M12 18V6',
-    }, { tag: 'path', d: 'm17 12 3-2v8' }],
-    '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' }],
-    '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' },
-    ],
-    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' }],
-    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',
-    }],
-    history: [{ tag: 'path', d: 'M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' }, {
-      tag: 'path',
-      d: 'M3 3v5h5',
-    }, { tag: 'path', d: 'M12 7v5l4 2' }],
-    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' }],
-    info: [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'M12 16v-4' }, {
-      tag: 'path',
-      d: 'M12 8h.01',
-    }],
-    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' }],
-    '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' },
-    ],
-    lightbulb: [
-      {
-        tag: 'path',
-        d: 'M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5',
-      },
-      { tag: 'path', d: 'M9 18h6' },
-      { tag: 'path', d: 'M10 22h4' },
-    ],
-    link: [{ tag: 'path', d: 'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' }, {
-      tag: 'path',
-      d: 'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71',
-    }],
-    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' },
-    ],
-    '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' },
-    ],
-    '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' },
-    ],
-    loader: [{ tag: 'path', d: 'M21 12a9 9 0 1 1-6.219-8.56' }],
-    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' }],
-    'message-square-warning': [
-      {
-        tag: 'path',
-        d: 'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',
-      },
-      { tag: 'path', d: 'M12 15h.01' },
-      { tag: 'path', d: 'M12 7v4' },
-    ],
-    minus: [{ tag: 'path', d: 'M5 12h14' }],
-    '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',
-      },
-    ],
-    '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' },
-    ],
-    'panel-bottom': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
-      tag: 'path',
-      d: 'M3 15h18',
-    }],
-    'panel-left': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
-      tag: 'path',
-      d: 'M9 3v18',
-    }],
-    'panel-right': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
-      tag: 'path',
-      d: 'M15 3v18',
-    }],
-    'panel-top': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
-      tag: 'path',
-      d: 'M3 9h18',
-    }],
-    pencil: [{
-      tag: 'path',
-      d: 'M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z',
-    }, { tag: 'path', d: 'm15 5 4 4' }],
-    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',
-    }],
-    plus: [{ tag: 'path', d: 'M5 12h14' }, { tag: 'path', d: 'M12 5v14' }],
-    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',
-    }],
-    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' },
-    ],
-    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',
-    }],
-    rows: [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
-      tag: 'path',
-      d: 'M21 9H3',
-    }, { tag: 'path', d: 'M21 15H3' }],
-    search: [{ tag: 'path', d: 'm21 21-4.34-4.34' }, { tag: 'circle', cx: '11', cy: '11', r: '8' }],
-    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' }],
-    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' }],
-    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' }],
-    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',
-    }],
-    tag: [{
-      tag: 'path',
-      d: 'M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z',
-    }, { tag: 'circle', cx: '7.5', cy: '7.5', r: '.5', fill: 'currentColor' }],
-    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' },
-    ],
-    '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' },
-    ],
-    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' },
-    ],
-    underline: [{ tag: 'path', d: 'M6 4v6a6 6 0 0 0 12 0V4' }, {
-      tag: 'line',
-      x1: '4',
-      x2: '20',
-      y1: '20',
-      y2: '20',
-    }],
-    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',
-    }],
-    unlink: [
-      {
-        tag: 'path',
-        d: 'm18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71',
-      },
-      {
-        tag: 'path',
-        d: 'm5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71',
-      },
-      { tag: 'line', x1: '8', x2: '8', y1: '2', y2: '5' },
-      { tag: 'line', x1: '2', x2: '5', y1: '8', y2: '8' },
-      { tag: 'line', x1: '16', x2: '16', y1: '19', y2: '22' },
-      { tag: 'line', x1: '19', x2: '22', y1: '16', y2: '16' },
-    ],
-    'user-round': [{ tag: 'circle', cx: '12', cy: '8', r: '5' }, {
-      tag: 'path',
-      d: 'M20 21a8 8 0 0 0-16 0',
-    }],
-    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' },
-    ],
-    x: [{ tag: 'path', d: 'M18 6 6 18' }, { tag: 'path', d: 'm6 6 12 12' }],
-  }) as Record<string, any>)[checkedProps.value.name]
+const shapes: ReturnType<typeof inputComputed<any>> = inputComputed<any>(
+  () =>
+    (({
+      'align-center': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M17 12H7' }, {
+        tag: 'path',
+        d: 'M19 19H5',
+      }],
+      'align-left': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M15 12H3' }, {
+        tag: 'path',
+        d: 'M17 19H3',
+      }],
+      'align-right': [{ tag: 'path', d: 'M21 5H3' }, { tag: 'path', d: 'M21 12H9' }, {
+        tag: 'path',
+        d: 'M21 19H7',
+      }],
+      'arrow-left': [{ tag: 'path', d: 'm12 19-7-7 7-7' }, { tag: 'path', d: 'M19 12H5' }],
+      bell: [{ tag: 'path', d: 'M10.268 21a2 2 0 0 0 3.464 0' }, {
+        tag: 'path',
+        d: 'M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326',
+      }],
+      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',
+      }],
+      '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' }],
+      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',
+      }],
+      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' },
+      ],
+      check: [{ tag: 'path', d: 'M20 6 9 17l-5-5' }],
+      'chevron-down': [{ tag: 'path', d: 'm6 9 6 6 6-6' }],
+      'chevron-left': [{ tag: 'path', d: 'm15 18-6-6 6-6' }],
+      'chevron-right': [{ tag: 'path', d: 'm9 18 6-6-6-6' }],
+      'circle-check': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, {
+        tag: 'path',
+        d: 'm9 12 2 2 4-4',
+      }],
+      'circle-dot': [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, {
+        tag: 'circle',
+        cx: '12',
+        cy: '12',
+        r: '1',
+      }],
+      'circle-x': [
+        { tag: 'circle', cx: '12', cy: '12', r: '10' },
+        { tag: 'path', d: 'm15 9-6 6' },
+        { tag: 'path', d: 'm9 9 6 6' },
+      ],
+      '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',
+      }],
+      columns: [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
+        tag: 'path',
+        d: 'M9 3v18',
+      }, { tag: 'path', d: 'M15 3v18' }],
+      compass: [{
+        tag: 'path',
+        d: 'm16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z',
+      }, { tag: 'circle', cx: '12', cy: '12', r: '10' }],
+      'credit-card': [{ tag: 'rect', width: '20', height: '14', x: '2', y: '5', rx: '2' }, {
+        tag: 'line',
+        x1: '2',
+        x2: '22',
+        y1: '10',
+        y2: '10',
+      }],
+      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' }],
+      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' }],
+      'external-link': [{ tag: 'path', d: 'M15 3h6v6' }, { tag: 'path', d: 'M10 14 21 3' }, {
+        tag: 'path',
+        d: 'M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6',
+      }],
+      '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' },
+      ],
+      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',
+      }],
+      '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' },
+      ],
+      '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' },
+      ],
+      'heading-1': [{ tag: 'path', d: 'M4 12h8' }, { tag: 'path', d: 'M4 18V6' }, {
+        tag: 'path',
+        d: 'M12 18V6',
+      }, { tag: 'path', d: 'm17 12 3-2v8' }],
+      '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' }],
+      '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' },
+      ],
+      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' }],
+      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',
+      }],
+      history: [{ tag: 'path', d: 'M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8' }, {
+        tag: 'path',
+        d: 'M3 3v5h5',
+      }, { tag: 'path', d: 'M12 7v5l4 2' }],
+      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' }],
+      info: [{ tag: 'circle', cx: '12', cy: '12', r: '10' }, { tag: 'path', d: 'M12 16v-4' }, {
+        tag: 'path',
+        d: 'M12 8h.01',
+      }],
+      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' }],
+      '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' },
+      ],
+      lightbulb: [
+        {
+          tag: 'path',
+          d: 'M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5',
+        },
+        { tag: 'path', d: 'M9 18h6' },
+        { tag: 'path', d: 'M10 22h4' },
+      ],
+      link: [{ tag: 'path', d: 'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71' }, {
+        tag: 'path',
+        d: 'M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71',
+      }],
+      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' },
+      ],
+      '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' },
+      ],
+      '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' },
+      ],
+      loader: [{ tag: 'path', d: 'M21 12a9 9 0 1 1-6.219-8.56' }],
+      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' }],
+      'message-square-warning': [
+        {
+          tag: 'path',
+          d: 'M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z',
+        },
+        { tag: 'path', d: 'M12 15h.01' },
+        { tag: 'path', d: 'M12 7v4' },
+      ],
+      minus: [{ tag: 'path', d: 'M5 12h14' }],
+      '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',
+        },
+      ],
+      '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' },
+      ],
+      'panel-bottom': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
+        tag: 'path',
+        d: 'M3 15h18',
+      }],
+      'panel-left': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
+        tag: 'path',
+        d: 'M9 3v18',
+      }],
+      'panel-right': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
+        tag: 'path',
+        d: 'M15 3v18',
+      }],
+      'panel-top': [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
+        tag: 'path',
+        d: 'M3 9h18',
+      }],
+      pencil: [{
+        tag: 'path',
+        d: 'M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z',
+      }, { tag: 'path', d: 'm15 5 4 4' }],
+      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',
+      }],
+      plus: [{ tag: 'path', d: 'M5 12h14' }, { tag: 'path', d: 'M12 5v14' }],
+      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',
+      }],
+      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' },
+      ],
+      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',
+      }],
+      rows: [{ tag: 'rect', width: '18', height: '18', x: '3', y: '3', rx: '2' }, {
+        tag: 'path',
+        d: 'M21 9H3',
+      }, { tag: 'path', d: 'M21 15H3' }],
+      search: [{ tag: 'path', d: 'm21 21-4.34-4.34' }, {
+        tag: 'circle',
+        cx: '11',
+        cy: '11',
+        r: '8',
+      }],
+      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' }],
+      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' }],
+      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' }],
+      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',
+      }],
+      tag: [{
+        tag: 'path',
+        d: 'M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z',
+      }, { tag: 'circle', cx: '7.5', cy: '7.5', r: '.5', fill: 'currentColor' }],
+      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' },
+      ],
+      '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' },
+      ],
+      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' },
+      ],
+      underline: [{ tag: 'path', d: 'M6 4v6a6 6 0 0 0 12 0V4' }, {
+        tag: 'line',
+        x1: '4',
+        x2: '20',
+        y1: '20',
+        y2: '20',
+      }],
+      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',
+      }],
+      unlink: [
+        {
+          tag: 'path',
+          d: 'm18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71',
+        },
+        {
+          tag: 'path',
+          d: 'm5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71',
+        },
+        { tag: 'line', x1: '8', x2: '8', y1: '2', y2: '5' },
+        { tag: 'line', x1: '2', x2: '5', y1: '8', y2: '8' },
+        { tag: 'line', x1: '16', x2: '16', y1: '19', y2: '22' },
+        { tag: 'line', x1: '19', x2: '22', y1: '16', y2: '16' },
+      ],
+      'user-round': [{ tag: 'circle', cx: '12', cy: '8', r: '5' }, {
+        tag: 'path',
+        d: 'M20 21a8 8 0 0 0-16 0',
+      }],
+      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' },
+      ],
+      x: [{ tag: 'path', d: 'M18 6 6 18' }, { tag: 'path', d: 'm6 6 12 12' }],
+    }) as Record<string, any>)[
+      inputRead(checkedProps.value.name, propInputs.status('name'))
+    ] as any,
+  (read) => {
+    const value = cycleCheckedComputed(read)
+    return { get: () => value.value }
+  },
 )
 checkHydratedRoot('span', 'ui-icon')
 
@@ -467,7 +516,7 @@ const hostState = computed(() =>
       stroke-linejoin="round"
       focusable="false"
     >
-      <g v-for="(shape, index) in list(shapes)" :key="index">
+      <g v-for="(shape, index) in list(shapes.get())" :key="index">
         <path v-if="shape.tag === 'path'" :d="attribute(shape.d)"></path>
         <circle
           v-if="shape.tag === 'circle'"