@finema/core 2.14.1 → 2.15.1

package/dist/runtime/components/Form/InputWYSIWYG/index.vue

@@ -0,0 +1,281 @@
+<template>
+  <FieldWrapper v-bind="wrapperProps">
+    <div :class="ui.container()">
+      <div
+        v-if="showToolbar"
+        :class="ui.toolbar()"
+      >
+        <div
+          v-for="(items, index) in menuItems"
+          :key="index"
+          :class="ui.toolbarGroup()"
+        >
+          <button
+            v-for="item in items"
+            :key="item.name"
+            :class="[ui.menuItem(), { [ui.menuItemActive()]: item.isActive?.() }]"
+            type="button"
+            :title="item.title"
+            @click="item.action"
+          >
+            <Icon
+              :name="item.icon"
+              :class="ui.icon()"
+            />
+          </button>
+        </div>
+      </div>
+      <ClientOnly>
+        <EditorContent
+          :editor="editor"
+          :class="ui.editorContent()"
+        />
+        <template #fallback>
+          <div
+            class="min-h-[200px]"
+            v-html="value"
+          />
+        </template>
+      </ClientOnly>
+    </div>
+  </FieldWrapper>
+</template>
+
+<script setup>
+import { computed, watch } from "vue";
+import { EditorContent, useEditor } from "@tiptap/vue-3";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import TextAlign from "@tiptap/extension-text-align";
+import Link from "@tiptap/extension-link";
+import Image from "@tiptap/extension-image";
+import Youtube from "@tiptap/extension-youtube";
+import { useFieldHOC } from "#core/composables/useForm";
+import FieldWrapper from "#core/components/Form/FieldWrapper.vue";
+import { wysiwygTheme } from "#core/theme/wysiwyg";
+import { useUiConfig } from "#core/composables/useConfig";
+const props = defineProps({
+  editable: { type: Boolean, required: false },
+  autofocus: { type: Boolean, required: false },
+  content: { type: String, required: false },
+  toolbar: { type: Object, required: false },
+  minHeight: { type: [String, Number], required: false },
+  maxHeight: { type: [String, Number], required: false },
+  size: { type: String, required: false, default: "md" },
+  color: { type: String, required: false, default: "gray" },
+  imageUpload: { type: Object, required: false },
+  linkOptions: { type: Object, required: false },
+  containerUi: { type: null, required: false },
+  image: { type: Object, required: false },
+  form: { type: Object, required: false },
+  name: { type: String, required: true },
+  errorMessage: { type: String, required: false },
+  label: { type: null, required: false },
+  description: { type: String, required: false },
+  hint: { type: String, required: false },
+  rules: { type: null, required: false },
+  autoFocus: { type: Boolean, required: false },
+  placeholder: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  help: { type: String, required: false },
+  ui: { type: null, required: false }
+});
+const {
+  value,
+  wrapperProps
+} = useFieldHOC(props);
+const ui = computed(() => useUiConfig(wysiwygTheme, "wysiwyg")({
+  size: props.size,
+  color: props.color
+}));
+const showToolbar = computed(() => {
+  if (!props.toolbar) return true;
+  return Object.values(props.toolbar).some(Boolean);
+});
+const editor = useEditor({
+  content: value.value,
+  extensions: [
+    StarterKit,
+    Underline,
+    TextAlign.configure({
+      types: ["heading", "paragraph"]
+    }),
+    Link.configure({
+      openOnClick: false
+    }),
+    Image,
+    Youtube
+  ],
+  editorProps: {
+    attributes: {
+      class: "prose px-4 py-2 focus:outline-none min-h-[200px]"
+    }
+  },
+  onUpdate: ({
+    editor: editor2
+  }) => {
+    value.value = editor2.getHTML();
+  }
+});
+watch(value, (newValue) => {
+  if (editor.value && newValue !== editor.value.getHTML()) {
+    editor.value.commands.setContent(newValue);
+  }
+});
+const toolbarConfig = {
+  format: [
+    {
+      key: "bold",
+      name: "bold",
+      icon: "ph:text-b-bold",
+      action: () => editor.value?.chain().focus().toggleBold().run(),
+      isActive: () => editor.value?.isActive("bold") || false,
+      title: "\u0E15\u0E31\u0E27\u0E2B\u0E19\u0E32"
+    },
+    {
+      key: "italic",
+      name: "italic",
+      icon: "ph:text-italic",
+      action: () => editor.value?.chain().focus().toggleItalic().run(),
+      isActive: () => editor.value?.isActive("italic") || false,
+      title: "\u0E15\u0E31\u0E27\u0E40\u0E2D\u0E35\u0E22\u0E07"
+    },
+    {
+      key: "underline",
+      name: "underline",
+      icon: "ph:text-underline",
+      action: () => editor.value?.chain().focus().toggleUnderline().run(),
+      isActive: () => editor.value?.isActive("underline") || false,
+      title: "\u0E02\u0E35\u0E14\u0E40\u0E2A\u0E49\u0E19\u0E43\u0E15\u0E49"
+    }
+  ],
+  list: [
+    {
+      key: "bulletList",
+      name: "bullet-list",
+      icon: "ph:list-bullets",
+      action: () => editor.value?.chain().focus().toggleBulletList().run(),
+      isActive: () => editor.value?.isActive("bulletList") || false,
+      title: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E2A\u0E31\u0E0D\u0E25\u0E31\u0E01\u0E29\u0E13\u0E4C"
+    },
+    {
+      key: "orderedList",
+      name: "ordered-list",
+      icon: "ph:list-numbers",
+      action: () => editor.value?.chain().focus().toggleOrderedList().run(),
+      isActive: () => editor.value?.isActive("orderedList") || false,
+      title: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E25\u0E33\u0E14\u0E31\u0E1A"
+    }
+  ],
+  textAlign: [
+    {
+      key: "textAlign",
+      name: "align-left",
+      icon: "ph:text-align-left",
+      action: () => editor.value?.chain().focus().setTextAlign("left").run(),
+      isActive: () => editor.value?.isActive({
+        textAlign: "left"
+      }) || false,
+      title: "\u0E08\u0E31\u0E14\u0E0A\u0E34\u0E14\u0E0B\u0E49\u0E32\u0E22"
+    },
+    {
+      key: "textAlign",
+      name: "align-center",
+      icon: "ph:text-align-center",
+      action: () => editor.value?.chain().focus().setTextAlign("center").run(),
+      isActive: () => editor.value?.isActive({
+        textAlign: "center"
+      }) || false,
+      title: "\u0E08\u0E31\u0E14\u0E01\u0E36\u0E48\u0E07\u0E01\u0E25\u0E32\u0E07"
+    },
+    {
+      key: "textAlign",
+      name: "align-right",
+      icon: "ph:text-align-right",
+      action: () => editor.value?.chain().focus().setTextAlign("right").run(),
+      isActive: () => editor.value?.isActive({
+        textAlign: "right"
+      }) || false,
+      title: "\u0E08\u0E31\u0E14\u0E0A\u0E34\u0E14\u0E02\u0E27\u0E32"
+    }
+  ],
+  media: [
+    {
+      key: "link",
+      name: "link",
+      icon: "ph:link-simple",
+      action: () => {
+        const url = window.prompt("URL");
+        if (url) {
+          editor.value?.chain().focus().setLink({
+            href: url
+          }).run();
+        }
+      },
+      isActive: () => editor.value?.isActive("link") || false,
+      title: "\u0E41\u0E17\u0E23\u0E01\u0E25\u0E34\u0E07\u0E01\u0E4C"
+    },
+    {
+      key: "image",
+      name: "image",
+      icon: "ph:image",
+      action: () => {
+        const url = window.prompt("URL \u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E");
+        if (url) {
+          editor.value?.chain().focus().setImage({
+            src: url
+          }).run();
+        }
+      },
+      title: "\u0E41\u0E17\u0E23\u0E01\u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E"
+    },
+    {
+      key: "youtube",
+      name: "video",
+      icon: "ph:video-camera",
+      action: () => {
+        const url = window.prompt("URL \u0E27\u0E34\u0E14\u0E35\u0E42\u0E2D");
+        if (url) {
+          editor.value?.chain().focus().setYoutubeVideo({
+            src: url
+          }).run();
+        }
+      },
+      title: "\u0E41\u0E17\u0E23\u0E01\u0E27\u0E34\u0E14\u0E35\u0E42\u0E2D"
+    }
+  ],
+  history: [
+    {
+      key: "undo",
+      name: "undo",
+      icon: "ph:arrow-counter-clockwise",
+      action: () => editor.value?.chain().focus().undo().run(),
+      title: "\u0E40\u0E25\u0E34\u0E01\u0E17\u0E33"
+    },
+    {
+      key: "redo",
+      name: "redo",
+      icon: "ph:arrow-clockwise",
+      action: () => editor.value?.chain().focus().redo().run(),
+      title: "\u0E17\u0E33\u0E43\u0E2B\u0E21\u0E48"
+    }
+  ]
+};
+const menuItems = computed(() => {
+  const items = [];
+  Object.entries(toolbarConfig).forEach(([groupKey, groupItems]) => {
+    const enabledItems = groupItems.filter((item) => {
+      if (groupKey === "textAlign") {
+        return props.toolbar?.textAlign;
+      }
+      return props.toolbar?.[item.key];
+    });
+    if (enabledItems.length > 0) {
+      items.push(enabledItems);
+    }
+  });
+  return items;
+});
+</script>

package/dist/runtime/components/Form/InputWYSIWYG/index.vue.d.ts

@@ -0,0 +1,6 @@
+import type { IWYSIWYGFieldProps } from '#core/components/Form/InputWYSIWYG/types';
+declare const _default: import("vue").DefineComponent<IWYSIWYGFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IWYSIWYGFieldProps> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "primary" | "gray";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Form/InputWYSIWYG/types.d.ts

@@ -0,0 +1,52 @@
+import type { Editor } from '@tiptap/vue-3';
+import type { IFieldProps, IFormFieldBase, INPUT_TYPES } from '#core/components/Form/types';
+export interface IWYSIWYGFieldProps extends IFieldProps {
+    editable?: boolean;
+    autofocus?: boolean;
+    content?: string;
+    toolbar?: {
+        bold?: boolean;
+        italic?: boolean;
+        underline?: boolean;
+        strike?: boolean;
+        code?: boolean;
+        heading?: boolean | number[];
+        paragraph?: boolean;
+        bulletList?: boolean;
+        orderedList?: boolean;
+        blockquote?: boolean;
+        codeBlock?: boolean;
+        horizontalRule?: boolean;
+        link?: boolean;
+        image?: boolean;
+        youtube?: boolean;
+        textAlign?: boolean;
+        undo?: boolean;
+        redo?: boolean;
+    };
+    minHeight?: string | number;
+    maxHeight?: string | number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'primary' | 'gray';
+    imageUpload?: {
+        enabled?: boolean;
+        uploadUrl?: string;
+        maxSize?: number;
+        accept?: string[];
+        headers?: Record<string, string>;
+    };
+    linkOptions?: {
+        openOnClick?: boolean;
+        HTMLAttributes?: Record<string, any>;
+    };
+    containerUi?: any;
+    image?: {
+        requestOptions?: any;
+    };
+}
+export type IWYSIWYGField = IFormFieldBase<INPUT_TYPES.WYSIWYG, IWYSIWYGFieldProps, {
+    change?: (content: string) => void;
+    update?: (content: string, editor: Editor) => void;
+    focus?: (editor: Editor) => void;
+    blur?: (editor: Editor) => void;
+}>;

package/dist/runtime/components/Form/index.vue

@@ -1,5 +1,5 @@
-<template>
-  <form class="form">
-    <slot />
-  </form>
-</template>
+<template>
+  <form class="form">
+    <slot />
+  </form>
+</template>

package/dist/runtime/components/Form/types.d.ts

@@ -10,6 +10,8 @@ import type { ICheckboxField } from '#core/components/Form/InputCheckbox/types';
 import type { ISelectMultipleField } from '#core/components/Form/InputSelectMultiple/types';
 import type { INumberField } from '#core/components/Form/InputNumber/types';
 import type { IDateTimeField } from '#core/components/Form/InputDateTime/date_time_field.types';
+import type { IRadioField } from '#core/components/Form/InputRadio/types';
+import type { IWYSIWYGField } from '#core/components/Form/InputWYSIWYG/types';
 export declare const enum INPUT_TYPES {
     TEXT = "TEXT",
     NUMBER = "NUMBER",
@@ -62,7 +64,7 @@ export interface IFormFieldBase<I extends INPUT_TYPES, P extends IFieldProps, O>
     props: P;
     on?: O;
 }
-export type IFormField = ITextField | INumberField | ITextareaField | IToggleField | ISelectField | ICheckboxField | ISelectMultipleField | IDateTimeField | IDateTimeRangeField | IUploadDropzoneAutoField | IFormFieldBase<INPUT_TYPES.COMPONENT, any, any>;
+export type IFormField = ITextField | INumberField | ITextareaField | IToggleField | ISelectField | ICheckboxField | ISelectMultipleField | IRadioField | IDateTimeField | IDateTimeRangeField | IUploadDropzoneAutoField | IWYSIWYGField | IFormFieldBase<INPUT_TYPES.COMPONENT, any, any>;
 export interface IFileValue {
     url: string;
     path?: string;

package/dist/runtime/components/Image.vue

@@ -1,32 +1,32 @@
 <template>
-  <UseImage v-bind="$props">
-    <template #loading>
-      <slot name="loading">
-        <div
-          class="flex h-full w-full items-center justify-center"
-        >
-          <Loader
-            :loading="true"
-          />
-        </div>
-      </slot>
-    </template>
-
-    <template #error>
-      <slot name="error">
-        <div
-          class="flex h-full w-full items-center justify-center"
-        >
-          <p class="text-error-400">
-            <Icon
-              name="i-heroicons:exclamation-circle-solid"
-              class="size-8 text-error-400"
-            />
-          </p>
-        </div>
-      </slot>
-    </template>
-  </UseImage>
+  <UseImage v-bind="$props">
+    <template #loading>
+      <slot name="loading">
+        <div
+          class="flex h-full w-full items-center justify-center"
+        >
+          <Loader
+            :loading="true"
+          />
+        </div>
+      </slot>
+    </template>
+
+    <template #error>
+      <slot name="error">
+        <div
+          class="flex h-full w-full items-center justify-center"
+        >
+          <p class="text-error-400">
+            <Icon
+              name="i-heroicons:exclamation-circle-solid"
+              class="size-8 text-error-400"
+            />
+          </p>
+        </div>
+      </slot>
+    </template>
+  </UseImage>
 </template>
 
 <script setup>

package/dist/runtime/components/Log/index.vue

@@ -1,21 +1,21 @@
 <template>
-  <DevOnly>
-    <TeleportSafe
-      to="#dev-logs"
-    >
-      <LogItem
-        v-if="typeof data !== 'undefined'"
-        :data="data"
-        :title="title"
-      />
-      <LogItem
-        v-for="(item, index) in dataItems"
-        :key="index"
-        :data="item"
-        :title="`${title} #${index + 1}`"
-      />
-    </TeleportSafe>
-  </DevOnly>
+  <DevOnly>
+    <TeleportSafe
+      to="#dev-logs"
+    >
+      <LogItem
+        v-if="typeof data !== 'undefined'"
+        :data="data"
+        :title="title"
+      />
+      <LogItem
+        v-for="(item, index) in dataItems"
+        :key="index"
+        :data="item"
+        :title="`${title} #${index + 1}`"
+      />
+    </TeleportSafe>
+  </DevOnly>
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnDate.vue

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue || "-" }}
+  {{ getValue || "-" }}
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnDateTime.vue

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue || "-" }}
+  {{ getValue || "-" }}
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnImage.vue

@@ -1,8 +1,8 @@
 <template>
-  <Image
-    class="h-12 rounded"
-    :src="getValue"
-  />
+  <Image
+    class="h-12 rounded"
+    :src="getValue"
+  />
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnNumber.vue

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue }}
+  {{ getValue }}
 </template>
 
 <script setup>

package/dist/runtime/components/Table/ColumnText.vue

@@ -1,5 +1,5 @@
 <template>
-  {{ getValue }}
+  {{ getValue }}
 </template>
 
 <script setup>

package/dist/runtime/server/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../.nuxt/tsconfig.server.json",
-}
+{
+  "extends": "../../../.nuxt/tsconfig.server.json",
+}

package/dist/runtime/styles/main.css

@@ -1 +1 @@
-@import "tailwindcss";@import "@nuxt/ui";@theme static{--font-sans:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif;--color-main:#232c5a;--color-main-50:#f4f4f7;--color-main-100:#e9eaef;--color-main-200:#c8cad6;--color-main-300:#a7abbd;--color-main-400:#656b8c;--color-main-500:#232c5a;--color-main-600:#202851;--color-main-700:#151a36;--color-main-800:#101429;--color-main-900:#0b0d1b;--color-main-950:#0b0d1b;--color-secondary:#ee8b36;--color-secondary-50:#fdf1e7;--color-secondary-100:#f9d6b8;--color-secondary-200:#f5bb89;--color-secondary-300:#f1a05a;--color-secondary-400:#ed852b;--color-secondary-500:#d46b12;--color-secondary-600:#a5540e;--color-secondary-700:#763c0a;--color-secondary-800:#472406;--color-secondary-900:#180c02;--color-info:#0d8cee;--color-info-50:#f3f9fe;--color-info-100:#e7f4fd;--color-info-200:#ebf6ff;--color-info-300:#9ed1f8;--color-info-400:#56aff3;--color-info-500:#0d8cee;--color-info-600:#0c7ed6;--color-info-700:#08548f;--color-info-800:#063f6b;--color-info-900:#042a47;--color-error:#f25555;--color-error-50:#fef7f7;--color-error-100:#feeeee;--color-error-200:#ffdfdf;--color-error-300:#fabbbb;--color-error-400:#f68888;--color-error-500:#f25555;--color-error-600:#da4d4d;--color-error-700:#913333;--color-error-800:#6d2626;--color-error-900:#491a1a;--color-success:#3fb061;--color-success-50:#f5fbf7;--color-success-100:#ecf7ef;--color-success-200:#daeee0;--color-success-300:#b2dfc0;--color-success-400:#79c890;--color-success-500:#3fb061;--color-success-600:#399e57;--color-success-700:#266a3a;--color-success-800:#1c4f2c;--color-success-900:#13351d;--color-warning:#ff9a35;--color-warning-50:#fffaf5;--color-warning-100:#fff5eb;--color-warning-200:#fef1cc;--color-warning-300:#ffd7ae;--color-warning-400:#ffb872;--color-warning-500:#ff9a35;--color-warning-600:#e68b30;--color-warning-700:#995c20;--color-warning-800:#734518;--color-warning-900:#4d2e10}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}:root{--dp-font-family:inherit!important}.dp__theme_light{--dp-primary-color:var(--color-main)!important;--dp-primary-disabled-color:var(--color-main-200)!important}#__nuxt,body,html{@apply w-full h-full}
+@import "tailwindcss";@import "@nuxt/ui";@plugin "@tailwindcss/typography";@source inline("prose");@theme static{--font-sans:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif;--color-main:#232c5a;--color-main-50:#f4f4f7;--color-main-100:#e9eaef;--color-main-200:#c8cad6;--color-main-300:#a7abbd;--color-main-400:#656b8c;--color-main-500:#232c5a;--color-main-600:#202851;--color-main-700:#151a36;--color-main-800:#101429;--color-main-900:#0b0d1b;--color-main-950:#0b0d1b;--color-secondary:#ee8b36;--color-secondary-50:#fdf1e7;--color-secondary-100:#f9d6b8;--color-secondary-200:#f5bb89;--color-secondary-300:#f1a05a;--color-secondary-400:#ed852b;--color-secondary-500:#d46b12;--color-secondary-600:#a5540e;--color-secondary-700:#763c0a;--color-secondary-800:#472406;--color-secondary-900:#180c02;--color-info:#0d8cee;--color-info-50:#f3f9fe;--color-info-100:#e7f4fd;--color-info-200:#ebf6ff;--color-info-300:#9ed1f8;--color-info-400:#56aff3;--color-info-500:#0d8cee;--color-info-600:#0c7ed6;--color-info-700:#08548f;--color-info-800:#063f6b;--color-info-900:#042a47;--color-error:#f25555;--color-error-50:#fef7f7;--color-error-100:#feeeee;--color-error-200:#ffdfdf;--color-error-300:#fabbbb;--color-error-400:#f68888;--color-error-500:#f25555;--color-error-600:#da4d4d;--color-error-700:#913333;--color-error-800:#6d2626;--color-error-900:#491a1a;--color-success:#3fb061;--color-success-50:#f5fbf7;--color-success-100:#ecf7ef;--color-success-200:#daeee0;--color-success-300:#b2dfc0;--color-success-400:#79c890;--color-success-500:#3fb061;--color-success-600:#399e57;--color-success-700:#266a3a;--color-success-800:#1c4f2c;--color-success-900:#13351d;--color-warning:#ff9a35;--color-warning-50:#fffaf5;--color-warning-100:#fff5eb;--color-warning-200:#fef1cc;--color-warning-300:#ffd7ae;--color-warning-400:#ffb872;--color-warning-500:#ff9a35;--color-warning-600:#e68b30;--color-warning-700:#995c20;--color-warning-800:#734518;--color-warning-900:#4d2e10}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}:root{--dp-font-family:inherit!important}.dp__theme_light{--dp-primary-color:var(--color-main)!important;--dp-primary-disabled-color:var(--color-main-200)!important}#__nuxt,body,html{@apply w-full h-full}

package/dist/runtime/theme/index.d.ts

@@ -11,3 +11,5 @@ export { inputNumberTheme as inputNumber } from './inputNumber.js';
 export { iconsTheme as icons } from './icons.js';
 export { uploadFileDropzoneTheme as uploadFileDropzone } from './uploadFileDropzone.js';
 export { dateTimeTheme as dateTime } from './dateTime.js';
+export { radioGroupTheme as radioGroup } from './radioGroup.js';
+export { wysiwygTheme as wysiwyg } from './wysiwyg.js';

package/dist/runtime/theme/index.js

@@ -11,3 +11,5 @@ export { inputNumberTheme as inputNumber } from "./inputNumber.js";
 export { iconsTheme as icons } from "./icons.js";
 export { uploadFileDropzoneTheme as uploadFileDropzone } from "./uploadFileDropzone.js";
 export { dateTimeTheme as dateTime } from "./dateTime.js";
+export { radioGroupTheme as radioGroup } from "./radioGroup.js";
+export { wysiwygTheme as wysiwyg } from "./wysiwyg.js";

package/dist/runtime/theme/radioGroup.d.ts

@@ -0,0 +1,6 @@
+export declare const radioGroupTheme: {
+    slots: {
+        item: string;
+        label: string;
+    };
+};

package/dist/runtime/theme/radioGroup.js

@@ -0,0 +1,6 @@
+export const radioGroupTheme = {
+  slots: {
+    item: "cursor-pointer",
+    label: "cursor-pointer"
+  }
+};

package/dist/runtime/theme/uploadFileDropzone.js

@@ -1,6 +1,6 @@
 export const uploadFileDropzoneTheme = {
   slots: {
-    base: "relative w-full text-base p-4 transition rounded-lg flex items-center justify-center ring-1 bg-white ring-gray-300",
+    base: "relative w-full text-base p-4 transition rounded-md flex items-center justify-center ring-1 bg-white ring-gray-300",
     wrapper: "flex flex-col items-center w-full",
     disabled: "bg-gray-100 border-none grayscale cursor-not-allowed",
     failed: "border-error",
@@ -20,13 +20,13 @@ export const uploadFileDropzoneTheme = {
     onLoadingTextWrapper: "flex-1 min-w-0 flex items-center justify-between",
     onLoadingLoadingIconClass: "size-10 text-primary animate-spin",
     // Preview state
-    onPreviewWrapper: "flex items-center space-x-4 rounded-lg w-full",
-    onPreviewPreviewImgWrapper: "flex-shrink-0 w-16 h-16 rounded-lg overflow-hidden bg-gray-100",
+    onPreviewWrapper: "flex items-center space-x-4 rounded-md w-full",
+    onPreviewPreviewImgWrapper: "flex-shrink-0 w-16 h-16 rounded-md overflow-hidden bg-gray-100",
     onPreviewPreviewImgClass: "w-full h-full object-cover",
     onPreviewPreviewFileClass: "size-8 text-gray-400 m-auto mt-4",
     onPreviewTextWrapper: "flex-1 min-w-0 flex items-center justify-between",
     // Failed state
-    onFailedWrapper: "flex items-start space-x-4 w-full rounded-lg",
+    onFailedWrapper: "flex items-start space-x-4 w-full rounded-md",
     onFailedFailedImgWrapper: "flex-shrink-0",
     onFailedFailedIconClass: "size-12",
     onFailedTextWrapper: "flex-1 min-w-0 flex items-start justify-between",

package/dist/runtime/theme/wysiwyg.d.ts

@@ -0,0 +1,53 @@
+export declare const wysiwygTheme: {
+    slots: {
+        container: string;
+        toolbar: string;
+        toolbarGroup: string;
+        menuItem: string;
+        menuItemActive: string;
+        icon: string;
+        editorContent: string;
+    };
+    variants: {
+        size: {
+            xs: {
+                button: string;
+                icon: string;
+                select: string;
+            };
+            sm: {
+                button: string;
+                icon: string;
+                select: string;
+            };
+            md: {
+                button: string;
+                icon: string;
+                select: string;
+            };
+            lg: {
+                button: string;
+                icon: string;
+                select: string;
+            };
+            xl: {
+                button: string;
+                icon: string;
+                select: string;
+            };
+        };
+        color: {
+            primary: {
+                button: string;
+            };
+            gray: {
+                button: string;
+            };
+        };
+    };
+    compoundVariants: never[];
+    defaultVariants: {
+        size: string;
+        color: string;
+    };
+};