@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/core/admin/form/FilterFormWrapper.vue

@@ -0,0 +1,19 @@
+<template>
+  <label
+    class="cwa:block cwa:text-light/70"
+    :for="inputId"
+  >
+    {{ label }}
+  </label>
+  <span class="cwa:flex cwa:relative">
+    <slot />
+  </span>
+</template>
+
+<script setup>
+defineProps({
+  label: { type: String, required: true },
+  inputId: { type: String, required: false }
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/core/admin/form/FilterFormWrapper.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label: string;
+    inputId?: string;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/form/FilterSelect.d.vue.ts

@@ -0,0 +1,8 @@
+import type { SelectInputProps } from '#cwa/composables/cwa-select-input';
+declare const __VLS_export: import("vue").DefineComponent<SelectInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<SelectInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/FilterSelect.vue

@@ -0,0 +1,86 @@
+<script setup>
+import {
+  Listbox,
+  ListboxButton,
+  ListboxOptions,
+  ListboxOption
+} from "@headlessui/vue";
+import { computed } from "vue";
+import { useCwaSelectInput } from "#cwa/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-slot="{ open }"
+    v-model="value"
+    :by="compareOptions"
+  >
+    <div class="cwa:relative cwa:inline-flex">
+      <ListboxButton
+        ref="trigger"
+        class="cwa:flex cwa:transition-colors cwa:relative cwa:rounded-lg cwa:py-2 cwa:px-4 cwa:text-left cwa:text-light cwa:w-full cwa:border-0 cwa:cursor-pointer"
+        :class="[open ? 'cwa:bg-stone-700' : 'cwa:bg-stone-700/80']"
+      >
+        <span class="cwa:block cwa:truncate cwa:grow">{{ selectedOption?.label }}</span>
+        <svg
+          class="cwa:-mr-1 cwa:h-6 cwa:w-6 cwa:transition-transform"
+          :class="{ 'cwa:rotate-180': open }"
+          viewBox="0 0 20 20"
+          fill="currentColor"
+          aria-hidden="true"
+        >
+          <path
+            fill-rule="evenodd"
+            d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+            clip-rule="evenodd"
+          />
+        </svg>
+      </ListboxButton>
+      <Transition
+        enter-active-class="cwa:transition-opacity cwa:duration-100 cwa:ease-out"
+        enter-from-class="cwa:opacity-0"
+        enter-to-class="cwa:opacity-100"
+        leave-active-class="cwa:transition-opacity cwa:duration-100 cwa:ease-in"
+        leave-from-class="cwa:opacity-100"
+        leave-to-class="cwa:opacity-0"
+      >
+        <ListboxOptions
+          v-show="open"
+          ref="container"
+          static
+          class="cwa:absolute cwa:max-h-60 cwa:min-w-full cwa:overflow-auto cwa:dark-blur cwa:rounded-lg cwa:z-dialog cwa:border cwa:border-stone-600"
+        >
+          <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>
+      </Transition>
+    </div>
+  </Listbox>
+</template>

package/dist/runtime/templates/components/core/admin/form/FilterSelect.vue.d.ts

@@ -0,0 +1,8 @@
+import type { SelectInputProps } from '#cwa/composables/cwa-select-input';
+declare const __VLS_export: import("vue").DefineComponent<SelectInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<SelectInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/ModalInfo.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label: string;
+    content?: string;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/form/ModalInfo.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="cwa:flex cwa:flex-col cwa:gap-y-1">
+    <span class="cwa:text-stone-400">
+      {{ label }}
+    </span>
+    <div class="cwa:flex cwa:items-center cwa:gap-x-4">
+      <span
+        v-if="content"
+        class="cwa:truncate"
+      >
+        {{ content }}
+      </span>
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  label: { type: String, required: true },
+  content: { type: String, required: false }
+});
+defineSlots();
+</script>

package/dist/runtime/templates/components/core/admin/form/ModalInfo.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label: string;
+    content?: string;
+};
+type __VLS_Slots = {
+    default(): any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/templates/components/core/admin/form/ModalInput.d.vue.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    type?: 'text' | 'number' | 'email' | 'password' | 'textarea' | 'url';
+    placeholder?: string;
+    autocomplete?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null | undefined | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/ModalInput.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="cwa:rounded-lg cwa:py-1.5 cwa:relative cwa:border cwa:bg-dark/90 cwa:border-stone-700 cwa:focus-within:bg-dark cwa:focus-within:border-stone-600">
+    <label
+      class="cwa:px-4 cwa:text-stone-400 cwa:absolute"
+      :for="id"
+    >
+      {{ label }}
+    </label>
+    <textarea
+      v-if="type === 'textarea'"
+      :id="id"
+      ref="textarea"
+      v-model="input"
+      :placeholder="placeholder"
+      :autocomplete="autocomplete"
+      rows="3"
+      class="cwa:min-h-[150px] cwa-textarea cwa:[&::-webkit-scrollbar]:hidden cwa:flex cwa:relative cwa:px-4 cwa:pt-6 cwa:pb-0 cwa:text-left cwa:text-light cwa:w-full cwa:border-0 cwa:items-center cwa:bg-transparent cwa:border-0 cwa:focus:ring-0 cwa:outline-0 cwa:resize-none"
+    />
+    <input
+      v-else
+      :id="id"
+      v-model="model"
+      :type="type"
+      :placeholder="placeholder"
+      :autocomplete="autocomplete"
+      class="cwa:flex cwa:relative cwa:px-4 cwa:pt-6 cwa:pb-0 cwa:text-left cwa:text-light cwa:w-full cwa:border-0 cwa:items-center cwa:bg-transparent cwa:border-0 cwa:focus:ring-0 cwa:outline-0"
+    >
+  </div>
+</template>
+
+<script setup>
+import { useId } from "vue";
+import { useTextareaAutosize } from "@vueuse/core";
+const id = useId();
+const [model, modifiers] = defineModel({ type: null, ...{
+  set(value) {
+    if (modifiers.nullable) {
+      value ||= null;
+    }
+    return value;
+  }
+} });
+const { type } = defineProps({
+  label: { type: String, required: true },
+  type: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  autocomplete: { type: String, required: false }
+});
+const { textarea, input } = useTextareaAutosize({
+  // @ts-expect-error MaybeRef expected instead of ModelRef but they should behave the same
+  input: model
+});
+</script>
+
+<style>
+textarea.cwa-textarea{-ms-overflow-style:none;scrollbar-width:none}
+</style>

package/dist/runtime/templates/components/core/admin/form/ModalInput.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    label: string;
+    type?: 'text' | 'number' | 'email' | 'password' | 'textarea' | 'url';
+    placeholder?: string;
+    autocomplete?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null | undefined | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/ModalRadioTabs.d.vue.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    options: {
+        label: string;
+        value: string | null;
+    }[];
+    modelValue: string | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/ModalRadioTabs.vue

@@ -0,0 +1,23 @@
+<script setup>
+defineProps({
+  options: { type: Array, required: true },
+  modelValue: { type: [String, null], required: true }
+});
+const emit = defineEmits(["update:modelValue"]);
+</script>
+
+<template>
+  <div class="cwa:flex cwa:rounded-lg cwa:overflow-hidden cwa:border cwa:border-stone-700">
+    <button
+      v-for="option in options"
+      :key="String(option.value)"
+      type="button"
+      :aria-current="modelValue === option.value ? 'true' : void 0"
+      class="cwa:flex-1 cwa:py-2 cwa:px-4 cwa:text-sm cwa:transition-colors cwa:cursor-pointer"
+      :class="modelValue === option.value ? 'cwa:bg-blue-600 cwa:text-white' : 'cwa:bg-dark/90 cwa:text-stone-400 cwa:hover:text-white'"
+      @click="emit('update:modelValue', option.value)"
+    >
+      {{ option.label }}
+    </button>
+  </div>
+</template>

package/dist/runtime/templates/components/core/admin/form/ModalRadioTabs.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    options: {
+        label: string;
+        value: string | null;
+    }[];
+    modelValue: string | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/ModalSelect.d.vue.ts

@@ -0,0 +1,12 @@
+import type { SelectInputProps } from '#cwa/composables/cwa-select-input';
+type __VLS_Props = SelectInputProps & {
+    label: string;
+    containerClass?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/ModalSelect.vue

@@ -0,0 +1,100 @@
+<script setup>
+import {
+  Listbox,
+  ListboxButton,
+  ListboxOptions,
+  ListboxOption,
+  ListboxLabel
+} from "@headlessui/vue";
+import { computed } from "vue";
+import { useCwaSelectInput } from "#cwa/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 },
+  label: { type: String, required: true },
+  containerClass: { type: String, required: false }
+});
+const { value, compareOptions, selectedOption, trigger, container } = useCwaSelectInput(computed(() => props), emit);
+</script>
+
+<template>
+  <Listbox
+    v-slot="{ open }"
+    v-model="value"
+    :by="compareOptions"
+  >
+    <div class="cwa:relative cwa:w-full">
+      <div
+        class="cwa:rounded-lg cwa:py-1.5 cwa:relative cwa:border"
+        :class="[open ? 'cwa:bg-dark cwa:border-stone-600' : 'cwa:bg-dark/90 cwa:border-stone-700', containerClass]"
+      >
+        <ListboxLabel class="cwa:px-4 cwa:text-stone-400 cwa:absolute">
+          {{ label }}
+        </ListboxLabel>
+        <ListboxButton
+          ref="trigger"
+          class="cwa:flex cwa:transition-colors cwa:relative cwa:px-4 cwa:text-left cwa:text-light cwa:w-full cwa:border-0 cwa:items-center cwa:cursor-pointer"
+        >
+          <span class="cwa:block cwa:truncate cwa:grow cwa:pt-6">{{ selectedOption?.label }}</span>
+          <svg
+            class="cwa:-mr-1 cwa:h-6 cwa:w-6 cwa:transition-transform"
+            :class="{ 'cwa:rotate-180': open }"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+          >
+            <path
+              fill-rule="evenodd"
+              d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </ListboxButton>
+      </div>
+      <ClientOnly>
+        <Teleport to="body">
+          <Transition
+            enter-active-class="cwa:transition-opacity cwa:duration-100 cwa:ease-out"
+            enter-from-class="cwa:opacity-0"
+            enter-to-class="cwa:opacity-100"
+            leave-active-class="cwa:transition-opacity cwa:duration-100 cwa:ease-in"
+            leave-from-class="cwa:opacity-100"
+            leave-to-class="cwa:opacity-0"
+          >
+            <ListboxOptions
+              v-show="open"
+              ref="container"
+              static
+              class="cwa:absolute cwa:max-h-60 cwa:overflow-auto cwa:dark-blur cwa:rounded-lg cwa:border cwa:border-stone-600 cwa:z-notifications"
+            >
+              <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>
+          </Transition>
+        </Teleport>
+      </ClientOnly>
+    </div>
+  </Listbox>
+</template>

package/dist/runtime/templates/components/core/admin/form/ModalSelect.vue.d.ts

@@ -0,0 +1,12 @@
+import type { SelectInputProps } from '#cwa/composables/cwa-select-input';
+type __VLS_Props = SelectInputProps & {
+    label: string;
+    containerClass?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/PageTypeSelect.d.vue.ts

@@ -0,0 +1,9 @@
+import type { SelectInputProps } from '#cwa/composables/cwa-select-input';
+type __VLS_Props = Omit<SelectInputProps, 'options'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/admin/form/PageTypeSelect.vue

@@ -0,0 +1,112 @@
+<script setup>
+import {
+  Listbox,
+  ListboxButton,
+  ListboxOptions,
+  ListboxOption
+} from "@headlessui/vue";
+import { computed } from "vue";
+import { useCwaSelectInput } from "#cwa/composables/cwa-select-input";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  modelValue: { type: [String, Number, Boolean, Object, null, Array], required: true, skipCheck: true },
+  popper: { type: Object, required: false }
+});
+const options = [
+  {
+    label: "Static",
+    value: false
+  },
+  {
+    label: "Dynamic",
+    value: true
+  }
+];
+const selectInputProps = computed(() => ({ ...props, options }));
+const { value, compareOptions, selectedOption, trigger, container } = useCwaSelectInput(selectInputProps, emit);
+</script>
+
+<template>
+  <Listbox
+    v-slot="{ open }"
+    v-model="value"
+    :by="compareOptions"
+  >
+    <div class="cwa:relative">
+      <div
+        class="cwa:rounded-lg cwa:py-1.5 cwa:relative"
+        :class="[open ? 'cwa:bg-stone-700/90' : 'cwa:bg-stone-700/70']"
+      >
+        <ListboxButton
+          ref="trigger"
+          class="cwa:flex cwa:transition-colors cwa:relative cwa:px-4 cwa:text-left cwa:text-light cwa:w-full cwa:border-0 cwa:items-center cwa:cursor-pointer"
+        >
+          <span class="cwa:block cwa:truncate cwa:grow">{{ selectedOption?.label }}</span>
+          <span
+            class="cwa:w-3 cwa:h-3 cwa:rounded-full cwa:ml-2.5 cwa:mr-2.5"
+            :class="[selectedOption?.value === true ? 'cwa:bg-yellow' : 'cwa:bg-blue-600']"
+          />
+          <svg
+            class="cwa:-mr-1 cwa:h-6 cwa:w-6 cwa:transition-transform"
+            :class="{ 'cwa:rotate-180': open }"
+            viewBox="0 0 20 20"
+            fill="currentColor"
+            aria-hidden="true"
+          >
+            <path
+              fill-rule="evenodd"
+              d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </ListboxButton>
+      </div>
+      <ClientOnly>
+        <Teleport to="body">
+          <Transition
+            enter-active-class="cwa:transition-opacity cwa:duration-100 cwa:ease-out"
+            enter-from-class="cwa:opacity-0"
+            enter-to-class="cwa:opacity-100"
+            leave-active-class="cwa:transition-opacity cwa:duration-100 cwa:ease-in"
+            leave-from-class="cwa:opacity-100"
+            leave-to-class="cwa:opacity-0"
+          >
+            <ListboxOptions
+              v-show="open"
+              ref="container"
+              static
+              class="cwa:absolute cwa:max-h-60 cwa:overflow-auto cwa:dark-blur cwa:rounded-lg cwa:border cwa:border-stone-600 cwa:z-notifications"
+            >
+              <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:opacity-100' : 'cwa:text-stone-400 cwa:opacity-80',
+  'cwa:relative cwa:cursor-pointer cwa:select-none cwa:py-2 cwa:px-4 cwa:flex cwa:items-center cwa:hover:opacity-100'
+]"
+                >
+                  <span
+                    :class="[
+  selected ? 'cwa:text-white' : '',
+  'cwa:block cwa:truncate cwa:grow'
+]"
+                  >{{ option.label }}</span>
+                  <span
+                    class="cwa:w-2 cwa:h-2 cwa:rounded-full cwa:ml-2.5"
+                    :class="[option?.value === true ? 'cwa:bg-yellow' : 'cwa:bg-blue-600']"
+                  />
+                </li>
+              </ListboxOption>
+            </ListboxOptions>
+          </Transition>
+        </Teleport>
+      </ClientOnly>
+    </div>
+  </Listbox>
+</template>

package/dist/runtime/templates/components/core/admin/form/PageTypeSelect.vue.d.ts

@@ -0,0 +1,9 @@
+import type { SelectInputProps } from '#cwa/composables/cwa-select-input';
+type __VLS_Props = Omit<SelectInputProps, 'options'>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/components/core/assets/CwaLogo.d.vue.ts

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

package/dist/runtime/templates/components/core/assets/CwaLogo.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    width="906px"
+    height="260px"
+    viewBox="0 0 906 260"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g
+      transform="translate(-181.000000, -185.000000)"
+      fill="currentColor"
+    >
+      <path
+        d="M411,232.558892 L311.990506,315.54434 L395.186608,414.582148 C395.083121,414.669432 394.979462,414.756587 394.875631,414.843614 C340.020479,460.820814 258.000365,453.391191 211.678578,398.249085 C165.356791,343.10698 172.27445,261.133586 227.129601,215.156386 C281.984753,169.179186 364.004868,176.608809 410.326654,231.750915 C410.552367,232.019606 410.776815,232.288934 411,232.558892 Z M731,444.98882 L606.047047,318.63887 L482,444.072786 L482,186 L731,186 L731,444.98882 Z M784,445 L935,186 L1087,445 L784,445 Z"
+      />
+    </g>
+  </svg>
+</template>
+
+<script setup lang="ts">
+</script>

package/dist/runtime/templates/components/core/assets/CwaLogo.vue.d.ts

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

package/dist/runtime/templates/components/core/assets/IconComponents.d.vue.ts

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