@uzum-tech/ui 1.3.1 → 1.4.1

package/lib/dropdown/src/DropdownOption.d.ts

@@ -1,6 +1,7 @@
 import { type PropType, type Ref, type HTMLAttributes } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
 import type { TreeNode } from 'treemate';
+import type { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 export interface UDropdownOptionInjection {
     enteringSubmenuRef: Ref<boolean>;
 }
@@ -10,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -67,8 +68,8 @@ declare const _default: import("vue").DefineComponent<{
     props: PropType<HTMLAttributes>;
     scrollable: BooleanConstructor;
 }>>, {
-    placement: FollowerPlacement;
     scrollable: boolean;
+    placement: FollowerPlacement;
     parentKey: string | number | null;
 }, {}>;
 export default _default;

package/lib/dropdown/src/DropdownRenderOption.d.ts

@@ -1,13 +1,14 @@
 import { type PropType } from 'vue';
 import type { TreeNode } from 'treemate';
+import type { DropdownRenderOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     tmNode: {
-        type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
+        type: PropType<TreeNode<DropdownRenderOption>>;
         required: true;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tmNode: {
-        type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
+        type: PropType<TreeNode<DropdownRenderOption>>;
         required: true;
     };
 }>>, {}, {}>;

package/lib/dropdown/src/utils.js

@@ -1,20 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isRenderNode = exports.isDividerNode = exports.isGroupNode = exports.isSubmenuNode = void 0;
+exports.isSubmenuNode = isSubmenuNode;
+exports.isGroupNode = isGroupNode;
+exports.isDividerNode = isDividerNode;
+exports.isRenderNode = isRenderNode;
 function isSubmenuNode(rawNode, childrenField) {
     return (rawNode.type === 'submenu' ||
         (rawNode.type === undefined && rawNode[childrenField] !== undefined));
 }
-exports.isSubmenuNode = isSubmenuNode;
 function isGroupNode(rawNode) {
     return rawNode.type === 'group';
 }
-exports.isGroupNode = isGroupNode;
 function isDividerNode(rawNode) {
     return rawNode.type === 'divider';
 }
-exports.isDividerNode = isDividerNode;
 function isRenderNode(rawNode) {
     return rawNode.type === 'render';
 }
-exports.isRenderNode = isRenderNode;

package/lib/dynamic-input/src/DynamicInput.d.ts

@@ -1776,121 +1776,10 @@ declare const _default: import("vue").DefineComponent<{
     ensureKey: (value: any, index: number) => string | number;
     handleValueChange: (index: number, value: any) => void;
     remove: (index: number) => void;
-    move: (type: 'up' | 'down', index: number) => void;
+    move: (type: "up" | "down", index: number) => void;
     createItem: (index: number) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             actionMargin: string;
             actionMarginRtl: string;
@@ -3072,8 +2961,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean;
     readonly placeholder: string;
-    readonly min: number;
     readonly defaultValue: any[];
+    readonly min: number;
     readonly keyPlaceholder: string;
     readonly valuePlaceholder: string;
     readonly preset: "input" | "pair";

package/lib/dynamic-input/src/InputPreset.d.ts

@@ -17,118 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             actionMargin: string;
             actionMarginRtl: string;

package/lib/dynamic-input/src/PairPreset.d.ts

@@ -26,118 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     mergedTheme: import("vue").Ref<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             actionMargin: string;
             actionMarginRtl: string;

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -12,10 +12,10 @@ export declare const dynamicTagsProps: {
         default: boolean;
     };
     defaultValue: {
-        type: PropType<(string | DynamicTagsOption)[]>;
+        type: PropType<Array<string | DynamicTagsOption>>;
         default: () => never[];
     };
-    value: PropType<(string | DynamicTagsOption)[]>;
+    value: PropType<Array<string | DynamicTagsOption>>;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
@@ -30,7 +30,7 @@ export declare const dynamicTagsProps: {
     onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     color: PropType<import("../../tag/src/common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "tertiary" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -1211,10 +1211,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     defaultValue: {
-        type: PropType<(string | DynamicTagsOption)[]>;
+        type: PropType<Array<string | DynamicTagsOption>>;
         default: () => never[];
     };
-    value: PropType<(string | DynamicTagsOption)[]>;
+    value: PropType<Array<string | DynamicTagsOption>>;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
@@ -1229,7 +1229,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     color: PropType<import("../../tag/src/common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "tertiary" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -2429,118 +2429,7 @@ declare const _default: import("vue").DefineComponent<{
     handleCloseClick: (index: number) => void;
     handleInputConfirm: (externalValue?: string) => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             inputWidth: string;
         };
@@ -2957,7 +2846,7 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
-    tagSize: import("vue").ComputedRef<"medium" | "small">;
+    tagSize: import("vue").ComputedRef<"small" | "medium">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<InputSize>;
@@ -2968,10 +2857,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     defaultValue: {
-        type: PropType<(string | DynamicTagsOption)[]>;
+        type: PropType<Array<string | DynamicTagsOption>>;
         default: () => never[];
     };
-    value: PropType<(string | DynamicTagsOption)[]>;
+    value: PropType<Array<string | DynamicTagsOption>>;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
@@ -2986,7 +2875,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     color: PropType<import("../../tag/src/common-props").TagColor>;
     type: {
-        readonly type: PropType<"default" | "error" | "tertiary" | "primary" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "primary" | "success" | "info" | "warning" | "error" | "tertiary">;
         readonly default: "default";
     };
     round: BooleanConstructor;
@@ -4156,10 +4045,10 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    type: "default" | "error" | "tertiary" | "primary" | "info" | "success" | "warning";
-    round: boolean;
-    size: InputSize;
+    type: "default" | "tertiary" | "primary" | "info" | "success" | "warning" | "error";
     disabled: boolean | undefined;
+    size: InputSize;
+    round: boolean;
     closable: boolean;
     defaultValue: (string | DynamicTagsOption)[];
     onCreate: OnCreate;