@cwa/nuxt-edge 1.0.0-29138192.e49c1a0

package/dist/runtime/templates/components/ui/form/LabelWrapper.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="cwa:flex cwa:items-center cwa:gap-x-2">
+    <div class="cwa:text-sm">
+      {{ label }}
+    </div>
+    <div>
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  label: { type: String, required: true }
+});
+</script>

package/dist/runtime/templates/components/ui/form/LabelWrapper.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    label: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/ui/form/SearchResource.vue

@@ -0,0 +1,212 @@
+<script setup>
+import { computed, onMounted, ref, watch } from "vue";
+import { debounce } from "lodash-es";
+import { Popover, PopoverPanel } from "@headlessui/vue";
+import CwaUiFormInput from "./Input.vue";
+import { useCwa, usePopper } from "#imports";
+import Spinner from "#cwa/runtime/templates/components/utils/Spinner.vue";
+import ButtonPopoverItem from "#cwa/runtime/templates/components/ui/form/ButtonPopoverItem.vue";
+import ButtonPopoverGroup from "#cwa/runtime/templates/components/ui/form/ButtonPopoverGroup.vue";
+const props = defineProps({
+  modelValue: { type: [String, Number, Boolean, Object, null, Array], required: true, skipCheck: true },
+  endpoint: { type: String, required: true },
+  property: { type: String, required: true },
+  searchProperties: { type: Array, required: false },
+  notNullable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+const $cwa = useCwa();
+const [trigger, container] = usePopper({
+  placement: "top-start",
+  offsetDistance: 4
+});
+const selectedResource = ref();
+const searchValue = ref();
+const fetchingCurrentResource = ref(0);
+const fetchCurrentCount = ref(0);
+const fetchingSearchValue = ref();
+const debounceFetchActive = ref(false);
+const fetchingSearchResults = ref(false);
+const searchResults = ref();
+const focussed = ref(false);
+const open = computed(() => {
+  return focussed.value && (showLoadingIndicator.value || !!searchResults.value);
+});
+let debouncedSearchCall;
+const value = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value2) {
+    emit("update:modelValue", value2);
+  }
+});
+const resourcePropertyValue = computed(() => {
+  return selectedResource.value?.[props.property];
+});
+const showLoadingIndicator = computed(() => {
+  return fetchingCurrentResource.value === 0 && (fetchingSearchResults.value || debounceFetchActive.value);
+});
+const displaySearchResults = computed(() => {
+  if (!searchResults.value) {
+    return;
+  }
+  return [...searchResults.value].reverse().map((result) => ({ value: result["@id"], label: result[props.property] }));
+});
+async function fetchResource() {
+  if (!value.value) {
+    fetchingCurrentResource.value = 0;
+    selectedResource.value = void 0;
+    return;
+  }
+  fetchingCurrentResource.value = ++fetchCurrentCount.value;
+  const newResource = await $cwa.fetchResource({
+    path: `${value.value}`,
+    noSave: false,
+    shallowFetch: true
+  });
+  if (fetchCurrentCount.value === fetchingCurrentResource.value) {
+    selectedResource.value = newResource;
+    fetchingCurrentResource.value = 0;
+  }
+}
+async function search() {
+  debounceFetchActive.value = false;
+  const searchParamsObj = {
+    perPage: "6",
+    [`order[${props.property}]`]: "asc"
+  };
+  if (fetchingSearchValue.value && fetchingSearchValue.value === searchValue.value) {
+    return;
+  }
+  if (!fetchingSearchValue.value && searchValue.value === resourcePropertyValue.value) {
+    return;
+  }
+  fetchingSearchValue.value = searchValue.value;
+  if (!searchValue.value) {
+    searchResults.value = void 0;
+    fetchingSearchValue.value = void 0;
+    fetchingSearchResults.value = false;
+    return;
+  }
+  fetchingSearchResults.value = true;
+  if (props.searchProperties) {
+    for (const prop of props.searchProperties) {
+      searchParamsObj[prop] = searchValue.value;
+    }
+  } else {
+    searchParamsObj[props.property] = searchValue.value;
+  }
+  const params = new URLSearchParams(searchParamsObj);
+  const query = params.toString();
+  const path = `${props.endpoint}?${query}`;
+  const fetch = $cwa.fetch({
+    path
+  });
+  const result = await fetch.response;
+  if (searchValue.value === fetchingSearchValue.value) {
+    fetchingSearchResults.value = false;
+    searchResults.value = result._data?.["hydra:member"];
+  }
+}
+function clearResource() {
+  if (props.notNullable) {
+    return;
+  }
+  value.value = null;
+}
+function handleOptionClick(clickValue, close) {
+  value.value = clickValue;
+  close();
+  focussed.value = false;
+  searchValue.value = resourcePropertyValue.value;
+}
+function unfocus() {
+  setTimeout(() => {
+    focussed.value = false;
+  }, 100);
+}
+watch(resourcePropertyValue, (newValue) => {
+  searchValue.value = newValue;
+});
+watch(value, () => {
+  searchValue.value = "";
+  fetchResource();
+});
+watch(searchValue, (newSearchValue) => {
+  if (debouncedSearchCall) {
+    debouncedSearchCall.cancel();
+  }
+  if (fetchingSearchValue.value && fetchingSearchValue.value === newSearchValue) {
+    return;
+  }
+  if (!fetchingSearchValue.value && newSearchValue === resourcePropertyValue.value) {
+    return;
+  }
+  debounceFetchActive.value = true;
+  debouncedSearchCall = debounce(search, 250);
+  debouncedSearchCall();
+});
+onMounted(() => {
+  fetchResource();
+});
+</script>
+
+<template>
+  <Popover class="cwa:flex cwa:items-center cwa:gap-x-2">
+    <div
+      ref="trigger"
+      class="cwa:relative"
+    >
+      <CwaUiFormInput
+        v-model="searchValue"
+        class="cwa:pr-8"
+        :disabled="fetchingCurrentResource !== 0"
+        @focus="focussed = true"
+        @blur="unfocus"
+      />
+      <div
+        v-if="fetchingCurrentResource !== 0"
+        class="cwa:absolute cwa:top-1/2 cwa:-translate-y-1/2 cwa:left-2"
+      >
+        <Spinner :show="true" />
+      </div>
+      <button
+        v-if="!notNullable && !!resourcePropertyValue"
+        class="cwa:absolute cwa:right-1 cwa:top-1/2 cwa:-translate-y-1/2 cwa:opacity-50 cwa:hover:opacity-100 cwa:transition cwa:cursor-pointer"
+        @click="clearResource"
+      >
+        <CwaUiIconXMarkIcon class="cwa:w-6" />
+      </button>
+    </div>
+    <div v-if="open">
+      <PopoverPanel
+        v-slot="{ close }"
+        ref="container"
+        static
+        class="cwa:absolute cwa:max-h-60 cwa:min-w-full cwa:max-w-[300px] cwa:overflow-auto cwa:dark-blur cwa:border-0 cwa:outline-dotted cwa:outline-1 cwa:outline-stone-400"
+      >
+        <div v-if="showLoadingIndicator">
+          Loading...
+        </div>
+        <template
+          v-for="(option, index) of displaySearchResults"
+          v-else
+        >
+          <ButtonPopoverGroup
+            v-if="Array.isArray(option)"
+            :key="`popover-group-option-${index}`"
+            :options="option"
+            @click="(value) => handleOptionClick(value, close)"
+          />
+          <ButtonPopoverItem
+            v-else
+            :key="`popover-item-option-${index}`"
+            :option="option"
+            @click="(value) => handleOptionClick(value, close)"
+          />
+        </template>
+      </PopoverPanel>
+    </div>
+  </Popover>
+</template>

package/dist/runtime/templates/components/ui/form/SearchResource.vue.d.ts

@@ -0,0 +1,14 @@
+import type { ModelValue } from '#cwa/runtime/templates/components/ui/form/Button.vue';
+type __VLS_Props = {
+    modelValue: ModelValue;
+    endpoint: string;
+    property: string;
+    searchProperties?: string[];
+    notNullable?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value?: ModelValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value?: ModelValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/form/Select.vue

@@ -0,0 +1,60 @@
+<script setup>
+import {
+  Listbox,
+  ListboxButton,
+  ListboxOptions,
+  ListboxOption
+} from "@headlessui/vue";
+import { computed } from "vue";
+import { useCwaSelectInput } from "#cwa/runtime/composables/cwa-select-input";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  options: { type: Array, required: true },
+  modelValue: { type: [String, Number, Boolean, Object, null, Array], required: true, skipCheck: true },
+  popper: { type: Object, required: false }
+});
+const { value, compareOptions, selectedOption, trigger, container } = useCwaSelectInput(computed(() => props), emit);
+</script>
+
+<template>
+  <Listbox
+    v-model="value"
+    :by="compareOptions"
+  >
+    <div class="cwa:relative cwa:inline-flex">
+      <ListboxButton
+        ref="trigger"
+        class="cwa:relative cwa:py-2 cwa:px-4 cwa:text-left cwa:text-light cwa:w-full cwa:dark-blur cwa:border-0 cwa:outline-dotted cwa:outline-1 cwa:outline-stone-700 cwa:hover:outline-stone-400 cwa:focus-visible:ring-2 cwa:focus-visible:ring-stone-600 cwa:cursor-pointer"
+      >
+        <span class="cwa:block cwa:truncate">{{ selectedOption?.label }}</span>
+      </ListboxButton>
+      <ListboxOptions
+        ref="container"
+        class="cwa:absolute cwa:max-h-60 cwa:min-w-full cwa:max-w-[300px] cwa:overflow-auto cwa:dark-blur cwa:border-0 cwa:outline-dotted cwa:outline-1 cwa:outline-stone-400"
+      >
+        <ListboxOption
+          v-for="option in options"
+          :key="option.label"
+          v-slot="{ active, selected }"
+          as="template"
+          :value="option.value"
+          :disabled="option.disabled"
+        >
+          <li
+            :class="[
+  active ? 'cwa:text-white' : 'cwa:text-stone-400',
+  'cwa:relative cwa:cursor-pointer cwa:select-none cwa:py-2 cwa:px-4'
+]"
+          >
+            <span
+              :class="[
+  selected ? 'cwa:text-white' : '',
+  'cwa:block cwa:truncate'
+]"
+            >{{ option.label }}</span>
+          </li>
+        </ListboxOption>
+      </ListboxOptions>
+    </div>
+  </Listbox>
+</template>

package/dist/runtime/templates/components/ui/form/Select.vue.d.ts

@@ -0,0 +1,3 @@
+import { type SelectInputProps } from '#cwa/runtime/composables/cwa-select-input';
+declare const _default: import("vue").DefineComponent<SelectInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/form/Toggle.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { Switch, SwitchGroup, SwitchLabel } from "@headlessui/vue";
+const emit = defineEmits(["update:modelValue"]);
+defineProps({
+  label: { type: String, required: true },
+  modelValue: { type: Boolean, required: true }
+});
+function handleSwitchInput(newValue) {
+  emit("update:modelValue", newValue);
+}
+</script>
+
+<template>
+  <SwitchGroup
+    as="div"
+    class="cwa:flex cwa:items-center"
+  >
+    <Switch
+      :model-value="modelValue"
+      :class="[
+  modelValue ? 'cwa:bg-indigo-600' : 'cwa:bg-gray-200',
+  'cwa:relative cwa:inline-flex cwa:h-6 cwa:w-11 cwa:shrink-0 cwa:cursor-pointer cwa:border-2 cwa:border-transparent cwa:transition-colors cwa:duration-200 cwa:ease-in-out cwa:rounded-full'
+]"
+      @update:model-value="handleSwitchInput"
+    >
+      <span
+        aria-hidden="true"
+        :class="[modelValue ? 'cwa:translate-x-5' : 'cwa:translate-x-0', 'cwa:pointer-events-none cwa:inline-block cwa:h-5 cwa:w-5 cwa:transform cwa:bg-white cwa:shadow cwa:ring-0 cwa:transition cwa:duration-200 cwa:ease-in-out cwa:rounded-full']"
+      />
+    </Switch>
+
+    <SwitchLabel
+      as="span"
+      class="cwa:ml-3 cwa:text-sm cwa:cursor-pointer"
+    >
+      <span class="cwa:font-medium">{{ label }}</span>
+    </SwitchLabel>
+  </SwitchGroup>
+</template>

package/dist/runtime/templates/components/ui/form/Toggle.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    label: string;
+    modelValue: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/ArrowIcon.vue

@@ -0,0 +1,30 @@
+<template>
+  <svg
+    viewBox="0 0 17 10"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+  >
+    <g
+      stroke="none"
+      stroke-width="1"
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <g
+        transform="translate(-971.000000, -263.000000)"
+        fill="currentColor"
+        fill-rule="nonzero"
+      >
+        <g transform="translate(489.000000, 244.000000)">
+          <g transform="translate(361.000000, 2.000000)">
+            <path
+              d="M125.238655,21.3780414 L131.838816,14.2574854 C132.157023,13.9141715 132.673218,13.9141715 132.991425,14.2574854 L133.761302,15.088107 C134.079169,15.4310544 134.079509,15.986512 133.76266,16.3301922 L128.531774,21.9998168 L133.762321,27.6698078 C134.079509,28.013488 134.07883,28.5689456 133.760962,28.911893 L132.991085,29.7425146 C132.672878,30.0858285 132.156683,30.0858285 131.838477,29.7425146 L125.238655,22.6215922 C124.920448,22.2782784 124.920448,21.7213552 125.238655,21.3780414 Z"
+              transform="translate(129.500000, 22.000000) scale(1, -1) rotate(90.000000) translate(-129.500000, -22.000000) "
+            />
+          </g>
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>

package/dist/runtime/templates/components/ui/icon/ArrowIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/BinIcon.vue

@@ -0,0 +1,24 @@
+<template>
+  <svg
+    viewBox="0 0 15 17"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+  >
+    <g
+      stroke="none"
+      stroke-width="1"
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <g
+        transform="translate(-740.000000, -492.000000)"
+        fill="currentColor"
+        fill-rule="nonzero"
+      >
+        <g transform="translate(740.000000, 492.000000)">
+          <path d="M11.1221591,2.75 L11.1221591,1.50390625 C11.1221591,0.683203125 10.5042614,0 9.65198864,0 L5.34375,0 C4.49573864,0 3.87784091,0.683203125 3.87784091,1.50390625 L3.87784091,2.75 L0,2.75 L0,4.125 L0.392045454,4.125 C0.392045454,4.125 0.62215909,4.15078125 0.741477273,4.27109374 C0.860795454,4.39140625 0.907670454,4.65781249 0.907670454,4.65781249 L1.71732954,15.0433594 C1.78125,16.3066407 1.78125,16.5 3.25142046,16.5 L11.7485795,16.5 C13.21875,16.5 13.21875,16.3109375 13.2826705,15.0476562 L14.0923295,4.66640625 C14.0923295,4.66640625 14.1392045,4.39570312 14.2585227,4.27539063 C14.3778409,4.15507812 14.6079545,4.12929687 14.6079545,4.12929687 L15,4.12929687 L15,2.75429688 L11.1221591,2.75429688 L11.1221591,2.75 Z M5,1.63235293 C5,1.20882353 5.3046875,0.970588236 5.69140625,0.970588236 L9.27343751,0.970588236 C9.66015626,0.970588236 10,1.21323529 10,1.63235293 L10,2.9117647 L5,2.9117647 L5,1.63235293 Z M4.33441559,13.5882353 L4.00000001,5.82352941 L4.65909092,5.82352941 L4.99999999,13.5882353 L4.33441559,13.5882353 Z M8,13.5882353 L7,13.5882353 L7,5.82352941 L8,5.82352941 L8,13.5882353 Z M10.6623377,13.5882353 L10,13.5882353 L10.3409091,5.82352941 L11,5.82352941 L10.6623377,13.5882353 Z" />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>

package/dist/runtime/templates/components/ui/icon/BinIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/CogIcon.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg
+    viewBox="0 0 21 21"
+    xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="m20.6364697 12.8012637-1.9821929-1.509375c.0251455-.2327637.0467107-.5048614.0467107-.79275 0-.2878887-.0206807-.55998636-.0467107-.79275003l1.9840041-1.51023633c.3684206-.2835.4690444-.78663867.2345222-1.20573632l-2.0612936-3.47291602c-.2201594-.39198633-.7026822-.59325-1.1923652-.417375l-2.3389464.91436133c-.4483637-.315-.9183347-.58098633-1.4044376-.79361133l-.3558268-2.41586133c-.05842-.45851367-.46816-.80501367-.9524517-.80501367h-4.13332775c-.48433387 0-.89314721.3465-.95068265.798l-.35671133 2.42463867c-.47085558.20651367-.93358207.46901367-1.40174199.79361133l-2.34522218-.91698633c-.43943433-.165375-.96508757.02009766-1.18343585.41036133l-2.06394715 3.47726367c-.2434937.40076367-.14286985.921375.23363771 1.21188867l1.98219291 1.509375c-.03146338.29486136-.0467107.55124996-.0467107.79188866s.01528944.4969863.0467107.79275l-1.98400406 1.5102363c-.36842059.2843614-.46815992.7875-.2336377 1.2057364l2.06129361 3.472875c.22015942.391125.69817534.5941113 1.19236521.417375l2.33894635-.9143614c.44747918.3141387.91740813.580125 1.40355314.7936114l.35582681 2.415c.05837784.4602363.4672333.8067363.95245168.8067363h4.13332774c.4843339 0 .8940738-.3465.9515672-.798l.3567113-2.4237363c.4708556-.207375.9326975-.4690137 1.401742-.7945137l2.3452222.9169863c.1132176.0428614.230942.0647637.3522466.0647637.3486244 0 .6694076-.1855137.8311471-.4742637l2.0702651-3.49125c.2300575-.4095.1293915-.9125976-.2407981-1.1987226zm-10.1356728 1.1987226c-1.98219295 0-3.59419625-1.56975-3.59419625-3.4999863 0-1.93023633 1.6120033-3.49998633 3.59419625-3.49998633 1.9821929 0 3.5941962 1.56975 3.5941962 3.49998633 0 1.9302363-1.6120033 3.4999863-3.5941962 3.4999863z"
+    fill="currentColor"
+  /></svg>
+</template>

package/dist/runtime/templates/components/ui/icon/CogIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/EyeIcon.vue

@@ -0,0 +1,24 @@
+<template>
+  <svg
+    viewBox="0 0 35 23"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      stroke="none"
+      stroke-width="1"
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <g
+        transform="translate(-579.000000, -21.000000)"
+        fill="currentColor"
+        fill-rule="nonzero"
+      >
+        <g transform="translate(579.000000, 21.000000)">
+          <path d="M17.5,0 C24.0649556,0 30.1941525,3.80124031 34.758904,10.6976744 C35.0803653,11.1897674 35.0803653,11.8173643 34.758904,12.3023256 C30.1941525,19.1987597 24.0649556,23 17.5,23 C10.9350444,23 4.80584754,19.1987597 0.24109603,12.3023256 C-0.0803653434,11.8173643 -0.0803653434,11.1826357 0.24109603,10.6976744 C4.80584754,3.80124031 10.9350444,0 17.5,0 Z M17.5,2.91689922 C12.1923155,2.91689922 7.14894377,5.95503876 3.21997143,11.5035659 C7.15608736,17.052093 12.1994591,20.0902326 17.5,20.0902326 C22.8076845,20.0902326 27.8439126,17.052093 31.7800286,11.5035659 C27.8439126,5.95503876 22.8005409,2.91689922 17.5,2.91689922 Z M17.5,4 C21.6372093,4 25,7.3627907 25,11.5 C25,15.6372093 21.6372093,19 17.5,19 C13.3627907,19 10,15.6372093 10,11.5 C10,7.3627907 13.3627907,4 17.5,4 Z M17.5,6.75581395 C14.9325581,6.75581395 12.8395349,8.88372093 12.8395349,11.5 C12.8395349,14.1162791 14.9325581,16.244186 17.5,16.244186 C20.0674419,16.244186 22.1604651,14.1162791 22.1604651,11.5 C22.1604651,8.88372093 20.0674419,6.75581395 17.5,6.75581395 Z" />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>

package/dist/runtime/templates/components/ui/icon/EyeIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/PenIcon.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="m186.014044 18.2594709-15.152111 15.1488532-5.216112.5768794c-1.511749.1672951-2.798467-1.1076084-2.631136-2.6305701l.577004-5.2149898 15.152111-15.1488532c1.321338-1.32105386 3.456251-1.32105386 4.771819 0l2.492655 2.492119c1.321338 1.3210539 1.321338 3.4612765.00577 4.7765615zm-5.700794 1.7825574-3.35239-3.3516694-10.720725 10.7241882-.421213 3.7670225 3.767833-.421122zm3.738982-4.5977289-2.492655-2.492119c-.236571-.2365206-.623164-.2365206-.853965 0l-1.782941 1.7825573 3.352391 3.3516694 1.78294-1.7825574c.230802-.2422893.230802-.6230297-.00577-.8595503z"
+    fill="#fff"
+    transform="translate(-163 -10)"
+  /></svg>
+</template>

package/dist/runtime/templates/components/ui/icon/PenIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/PlusIcon.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="m16 6.55578093v2.88843814h-6.56910569v6.55578093h-2.86178862v-6.55578093h-6.56910569v-2.88843814h6.56910569v-6.55578093h2.86178862v6.55578093z"
+    fill="currentColor"
+  /></svg>
+</template>

package/dist/runtime/templates/components/ui/icon/PlusIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/SearchIcon.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg
+    viewBox="0 0 15 15"
+    xmlns="http://www.w3.org/2000/svg"
+  ><path
+    d="m295.796004 205.96846-2.921112-2.920613c-.131846-.131823-.31057-.205058-.498083-.205058h-.477574c.808653-1.034079 1.289157-2.334733 1.289157-3.749634 0-3.365882-2.727739-6.093155-6.094196-6.093155s-6.094196 2.727273-6.094196 6.093155 2.727739 6.093155 6.094196 6.093155c1.415142 0 2.716019-.480422 3.750274-1.288937v.477493c0 .187481.073248.366175.205093.497998l2.921112 2.920613c.275411.275364.720756.275364.993237 0l.829162-.82902c.275411-.275364.275411-.720633.00293-.995997zm-8.796004-2.96846c-2.209375 0-4-1.7875-4-4 0-2.209375 1.7875-4 4-4 2.209375 0 4 1.7875 4 4 0 2.209375-1.7875 4-4 4z"
+    fill="currentColor"
+    transform="translate(-281 -193)"
+  /></svg>
+</template>

package/dist/runtime/templates/components/ui/icon/SearchIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/TickIcon.vue

@@ -0,0 +1,23 @@
+<template>
+  <svg
+    viewBox="0 0 19 14"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      stroke="none"
+      stroke-width="1"
+      fill="none"
+      fill-rule="evenodd"
+    >
+      <g
+        transform="translate(-569.000000, -121.000000)"
+        fill="currentColor"
+        fill-rule="nonzero"
+      >
+        <g transform="translate(569.000000, 121.000000)">
+          <path d="M6.45324312,13.7250405 L0.278237088,7.6234865 C-0.092745696,7.25691658 -0.092745696,6.66256509 0.278237088,6.2959585 L1.6217091,4.9684305 C1.99269189,4.60182391 2.59423544,4.60182391 2.96521823,4.9684305 L7.12499768,9.07869246 L16.0347818,0.274927442 C16.4057646,-0.0916424805 17.0073081,-0.0916424805 17.3782909,0.274927442 L18.7217629,1.60245545 C19.0927457,1.96902537 19.0927457,2.56337686 18.7217629,2.92998345 L7.79675224,13.7250771 C7.42573235,14.0916471 6.8242259,14.0916471 6.45324312,13.7250405 L6.45324312,13.7250405 Z" />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>

package/dist/runtime/templates/components/ui/icon/TickIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/WarningIcon.vue

@@ -0,0 +1,11 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 48 48"
+  >
+    <path
+      d="M22 30h4v4h-4zm0-16h4v12h-4zm1.99-10C12.94 4 4 12.95 4 24s8.94 20 19.99 20S44 35.05 44 24 35.04 4 23.99 4zM24 40c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"
+    />
+  </svg>
+</template>

package/dist/runtime/templates/components/ui/icon/WarningIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/runtime/templates/components/ui/icon/XMarkIcon.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    stroke-width="1.5"
+    stroke="currentColor"
+  >
+    <path
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M6 18 18 6M6 6l12 12"
+    />
+  </svg>
+</template>

package/dist/runtime/templates/components/ui/icon/XMarkIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;