@v1nt1248/3nclient-lib 0.1.6 → 0.1.7

package/dist/components/{ui3n-step-line-bar.vue.d.ts → ui3n-step-line-bar/ui3n-step-line-bar.vue.d.ts}

@@ -1,8 +1,4 @@
-export interface Ui3nStepLineBarProps {
-    label: string;
-    current: number;
-    steps: number;
-}
+import { Ui3nStepLineBarProps } from './types';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Ui3nStepLineBarProps>, {
     current: number;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Ui3nStepLineBarProps>, {

package/dist/components/ui3n-switch/types.d.ts

@@ -0,0 +1,14 @@
+import { VNode } from 'vue';
+export interface Ui3nSwitchProps {
+    modelValue: boolean;
+    size?: number | string;
+    color?: string;
+    disabled?: boolean;
+}
+export interface Ui3nSwitchEmits {
+    (ev: 'change', value: boolean): void;
+    (ev: 'update:modelValue', value: boolean): void;
+}
+export interface Ui3nSwitchSlots {
+    default: () => VNode;
+}

package/dist/components/{ui3n-switch.vue.d.ts → ui3n-switch/ui3n-switch.vue.d.ts}

@@ -1,16 +1,4 @@
-export interface Ui3nSwitchProps {
-    modelValue: boolean;
-    size?: number | string;
-    color?: string;
-    disabled?: boolean;
-}
-export interface Ui3nSwitchEmits {
-    (ev: 'change', value: boolean): void;
-    (ev: 'update:modelValue', value: boolean): void;
-}
-export interface Ui3nSwitchSlots {
-    default: () => any;
-}
+import { Ui3nSwitchProps, Ui3nSwitchSlots } from './types';
 declare function __VLS_template(): Readonly<Ui3nSwitchSlots> & Ui3nSwitchSlots;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Ui3nSwitchProps>, {
     size: number;

package/dist/components/ui3n-table/composables/useTable.d.ts

@@ -1,6 +1,6 @@
 import { Ref, UnwrapRef } from 'vue';
 import { Ui3nTableBodyBaseItem, Ui3nTableEmits, Ui3nTableProps } from '../types';
-import { Ui3nCheckboxValue } from '../../ui3n-checkbox.vue';
+import { Ui3nCheckboxValue } from '../../ui3n-checkbox/types';
 export declare function useTable<T extends Ui3nTableBodyBaseItem>(props: Ui3nTableProps<T>, emits: Ui3nTableEmits<T>): {
     tableEl: Ref<HTMLDivElement | null>;
     currentConfig: Ref<{

package/dist/components/ui3n-table/types.d.ts

@@ -63,3 +63,8 @@ export type Ui3nTableBodyRowCellSlot<T extends Ui3nTableBodyBaseItem, K extends
     [p in `body-row-cell-${K}`]: (scope: Ui3nTableBodyRowCellSlotScope<T, K>) => VNode;
 };
 export type Ui3nTableSlots<T extends Ui3nTableBodyBaseItem, K extends string & keyof T> = Ui3nTableGroupActionsSlot & Ui3nTableHeaderCellSlot<T, K> & Ui3nTableBodyRowSlot<T> & Ui3nTableBodyRowCellSlot<T, K>;
+export interface Ui3nTableSortIconProps {
+    size?: string | number;
+    color?: string;
+    value: 'asc' | 'desc';
+}

package/dist/components/{ui3n-table-sort-icon.vue.d.ts → ui3n-table/ui3n-table-sort-icon.vue.d.ts}

@@ -1,8 +1,4 @@
-export interface Ui3nTableSortIconProps {
-    size?: string | number;
-    color?: string;
-    value: 'asc' | 'desc';
-}
+import { Ui3nTableSortIconProps } from './types';
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<Ui3nTableSortIconProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Ui3nTableSortIconProps>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/ui3n-tabs/types.d.ts

@@ -0,0 +1,16 @@
+import { VNode } from 'vue';
+export interface Ui3nTabsProps {
+    modelValue: number;
+    itemDirection?: 'horizontal' | 'vertical';
+    activeColor?: string;
+    inactiveColor?: string;
+    indicatorColor?: string;
+    indicatorSize?: number | string;
+    indicatorPosition?: 'normal' | 'reverse';
+}
+export interface Ui3nTabsEmits {
+    (ev: 'update:modelValue', val: number): void;
+}
+export interface Ui3nTabsSlots {
+    default: () => VNode;
+}

package/dist/components/{ui3n-tabs.vue.d.ts → ui3n-tabs/ui3n-tabs.vue.d.ts}

@@ -1,21 +1,5 @@
-export interface Ui3nTabsProps {
-    modelValue: number;
-    itemDirection?: 'horizontal' | 'vertical';
-    activeColor?: string;
-    inactiveColor?: string;
-    indicatorColor?: string;
-    indicatorSize?: number | string;
-    indicatorPosition?: 'normal' | 'reverse';
-}
-export interface Ui3nTabsEmits {
-    (ev: 'update:modelValue', val: number): void;
-}
-export interface Ui3nTabsSlots {
-    default: () => any;
-}
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
+import { Ui3nTabsProps, Ui3nTabsSlots } from './types';
+declare function __VLS_template(): Readonly<Ui3nTabsSlots> & Ui3nTabsSlots;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Ui3nTabsProps>, {
     modelValue: number;
     itemDirection: string;

package/dist/components/ui3n-text/types.d.ts

@@ -0,0 +1,17 @@
+export interface Ui3nTextProps {
+    text: string;
+    rows?: number;
+    maxRows?: number;
+    label?: string;
+    placeholder?: string;
+    rules?: Array<(v: string) => string | boolean>;
+    disabled?: boolean;
+}
+export interface Ui3nTextEmits {
+    (ev: 'init', value: HTMLTextAreaElement): void;
+    (ev: 'input', value: string): void;
+    (ev: 'focus', value: Event): void;
+    (ev: 'blur', value: Event): void;
+    (ev: 'update:text', value: string): void;
+    (ev: 'update:valid', value: boolean): void;
+}

package/dist/components/{ui3n-text.vue.d.ts → ui3n-text/ui3n-text.vue.d.ts}

@@ -1,20 +1,4 @@
-export interface Ui3nTextProps {
-    text: string;
-    rows?: number;
-    maxRows?: number;
-    label?: string;
-    placeholder?: string;
-    rules?: Array<(v: string) => any>;
-    disabled?: boolean;
-}
-export interface Ui3nTextEmits {
-    (ev: 'init', value: HTMLTextAreaElement): void;
-    (ev: 'input', value: string): void;
-    (ev: 'focus', value: Event): void;
-    (ev: 'blur', value: Event): void;
-    (ev: 'update:text', value: string): void;
-    (ev: 'update:valid', value: boolean): void;
-}
+import { Ui3nTextProps } from './types';
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Ui3nTextProps>, {
     rows: number;
     maxRows: number;

package/dist/components/ui3n-virtual-scroll/types.d.ts

@@ -0,0 +1,12 @@
+import { VNode } from 'vue';
+export interface Ui3nVirtualScrollProps<T> {
+    items: T[];
+    minChildHeight: number;
+    renderAhead?: number;
+}
+export interface Ui3nVirtualScrollSlots<T> {
+    item: ({ value, index }: {
+        value: T;
+        index: number;
+    }) => VNode;
+}

package/dist/components/{ui3n-virtual-scroll.vue.d.ts → ui3n-virtual-scroll/ui3n-virtual-scroll.vue.d.ts}

@@ -1,14 +1,4 @@
-export interface Ui3nVirtualScrollProps<T> {
-    items: T[];
-    minChildHeight: number;
-    renderAhead?: number;
-}
-export interface Ui3nVirtualScrollSlots<T> {
-    item: ({ value, index }: {
-        value: T;
-        index: number;
-    }) => any;
-}
+import { Ui3nVirtualScrollProps, Ui3nVirtualScrollSlots } from './types';
 declare const _default: <T extends {
     id?: string;
 }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/dist/constants/index.d.ts

@@ -1,3 +1,2 @@
-export type * from './types';
 export * from './general';
 export * from './emoticons';

package/dist/index.d.ts

@@ -1,32 +1,34 @@
-import { CbFunction, Ui3nNotificationProps, VueEventBus } from './constants';
-import { DialogInstance } from './plugins/dialogs';
-import { default as Ui3nButton } from './components/ui3n-button.vue';
-import { default as Ui3nChip } from './components/ui3n-chip.vue';
-import { default as Ui3nCheckbox } from './components/ui3n-checkbox.vue';
-import { default as Ui3nDialog, Ui3nDialogComponentProps } from './components/ui3n-dialog.vue';
-import { default as Ui3nDropFiles } from './components/ui3n-drop-files.vue';
-import { default as Ui3nEmoji } from './components/ui3n-emoji.vue';
-import { default as Ui3nIcon } from './components/ui3n-icon.vue';
-import { default as Ui3nInput } from './components/ui3n-input.vue';
-import { default as Ui3nList } from './components/ui3n-list.vue';
+import { default as Ui3nButton } from './components/ui3n-button/ui3n-button.vue';
+import { default as Ui3nChip } from './components/ui3n-chip/ui3n-chip.vue';
+import { default as Ui3nCheckbox } from './components/ui3n-checkbox/ui3n-checkbox.vue';
+import { default as Ui3nDialog } from './components/ui3n-dialog/ui3n-dialog.vue';
+import { Ui3nDialogComponentProps } from './components/ui3n-dialog/types';
+import { default as Ui3nDropFiles } from './components/ui3n-drop-files/ui3n-drop-files.vue';
+import { default as Ui3nEmoji } from './components/ui3n-emoji/ui3n-emoji.vue';
+import { default as Ui3nIcon } from './components/ui3n-icon/ui3n-icon.vue';
+import { default as Ui3nInput } from './components/ui3n-input/ui3n-input.vue';
+import { default as Ui3nList } from './components/ui3n-list/ui3n-list.vue';
 import { default as Ui3nMenu } from './components/ui3n-menu/ui3n-menu.vue';
-import { default as Ui3nNotification } from './components/ui3n-notification.vue';
-import { default as Ui3nTableSortIcon } from './components/ui3n-table-sort-icon.vue';
+import { default as Ui3nNotification } from './components/ui3n-notification/ui3n-notification.vue';
+import { Ui3nNotificationProps } from './components/ui3n-notification/types';
+import { default as Ui3nTableSortIcon } from './components/ui3n-table/ui3n-table-sort-icon.vue';
 import { default as Ui3nTable } from './components/ui3n-table/ui3n-table.vue';
-import { default as Ui3nText } from './components/ui3n-text.vue';
-import { default as Ui3nVirtualScroll } from './components/ui3n-virtual-scroll.vue';
-import { default as Ui3nTabs } from './components/ui3n-tabs.vue';
-import { default as Ui3nBadge } from './components/ui3n-badge.vue';
-import { default as Ui3nBreadcrumb } from './components/ui3n-breadcrumb.vue';
-import { default as Ui3nBreadcrumbs } from './components/ui3n-breadcrumbs.vue';
-import { default as Ui3nSwitch } from './components/ui3n-switch.vue';
-import { default as Ui3nStepLineBar } from './components/ui3n-step-line-bar.vue';
-import { default as Ui3nProgressLinear } from './components/ui3n-progress-linear.vue';
-import { default as Ui3nProgressCircular } from './components/ui3n-progress-circular.vue';
+import { default as Ui3nText } from './components/ui3n-text/ui3n-text.vue';
+import { default as Ui3nVirtualScroll } from './components/ui3n-virtual-scroll/ui3n-virtual-scroll.vue';
+import { default as Ui3nTabs } from './components/ui3n-tabs/ui3n-tabs.vue';
+import { default as Ui3nBadge } from './components/ui3n-badge/ui3n-badge.vue';
+import { default as Ui3nBreadcrumb } from './components/ui3n-breadcrumbs/ui3n-breadcrumb.vue';
+import { default as Ui3nBreadcrumbs } from './components/ui3n-breadcrumbs/ui3n-breadcrumbs.vue';
+import { default as Ui3nSwitch } from './components/ui3n-switch/ui3n-switch.vue';
+import { default as Ui3nStepLineBar } from './components/ui3n-step-line-bar/ui3n-step-line-bar.vue';
+import { default as Ui3nProgressLinear } from './components/ui3n-progress/ui3n-progress-linear.vue';
+import { default as Ui3nProgressCircular } from './components/ui3n-progress/ui3n-progress-circular.vue';
 import { default as Ui3nHtml } from './directives/ui3n-html';
 import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
+import { CbFunction, VueEventBus } from './plugins/vue-bus/types';
+import { DialogInstance } from './plugins/dialogs/types';
 export * from './constants';
-export * from './tools';
+export * from './utils';
 export * from './plugins';
 export * from './directives';
 export * from './components';

package/dist/plugins/dialogs/dialogs.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vue';
+import { Ui3nDialogComponentProps } from '../../components/ui3n-dialog/types';
+import { DialogInstance } from './types';
+export declare const dialogs: Plugin;
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
+    }
+}

package/dist/plugins/{store-dialogs.d.ts → dialogs/store-dialogs.d.ts}

@@ -1,4 +1,4 @@
-import { Ui3nDialogComponentProps } from '../components/ui3n-dialog.vue';
+import { Ui3nDialogComponentProps } from '../../components/ui3n-dialog/types';
 export declare function storeDialogs(context: any): {
     $openDialog: (params: Ui3nDialogComponentProps) => void;
 };

package/dist/plugins/dialogs/types.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey, VNode } from 'vue';
+import { Ui3nDialogComponentProps } from '../../components/ui3n-dialog/types';
+export type DialogInstance = {
+    id: string;
+    el: HTMLDivElement;
+    vNode: VNode;
+    destroy: () => void;
+};
+export interface DialogsPlugin {
+    $openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
+}
+export declare const DIALOGS_KEY: InjectionKey<DialogsPlugin>;

package/dist/plugins/i18n/i18n.d.ts

@@ -0,0 +1,9 @@
+import { Plugin } from 'vue';
+export declare const i18n: Plugin;
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $locale: string;
+        $tr: (key: string, placeholders?: Record<string, string>) => string;
+        $changeLocale: (lang: string) => void;
+    }
+}

package/dist/plugins/{i18n.d.ts → i18n/types.d.ts}

@@ -1,4 +1,4 @@
-import { Plugin, InjectionKey } from 'vue';
+import { InjectionKey } from 'vue';
 export interface I18nOptions {
     lang: string;
     messages: Record<string, Record<string, string>>;
@@ -9,11 +9,3 @@ export interface I18nPlugin {
     $changeLocale: (lang: string) => void;
 }
 export declare const I18N_KEY: InjectionKey<I18nPlugin>;
-export declare const i18n: Plugin;
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $locale: string;
-        $tr: (key: string, placeholders?: Record<string, string>) => string;
-        $changeLocale: (lang: string) => void;
-    }
-}

package/dist/plugins/index.d.ts

@@ -1,10 +1,14 @@
-import { i18n, I18N_KEY, I18nOptions, I18nPlugin } from './i18n';
-import { useIcons } from './icons';
-import { notifications, NOTIFICATIONS_KEY, NotificationsPlugin } from './notifications';
-import { vueBus, VUEBUS_KEY, VueBusPlugin } from './vue-bus';
-import { dialogs, DIALOGS_KEY, DialogsPlugin } from './dialogs';
-import { storeI18n } from './store-i18n';
-import { storeNotifications } from './store-notifications';
-import { storeVueBus } from './store-vue-bus';
-import { storeDialogs } from './store-dialogs';
+import { i18n } from './i18n/i18n';
+import { I18N_KEY, I18nOptions, I18nPlugin } from './i18n/types';
+import { useIcons } from './icons/icons';
+import { notifications } from './notifications/notifications';
+import { NOTIFICATIONS_KEY, NotificationsPlugin } from './notifications/types';
+import { vueBus } from './vue-bus/vue-bus';
+import { VUEBUS_KEY, VueBusPlugin } from './vue-bus/types';
+import { dialogs } from './dialogs/dialogs';
+import { DIALOGS_KEY, DialogsPlugin } from './dialogs/types';
+import { storeI18n } from './i18n/store-i18n';
+import { storeNotifications } from './notifications/store-notifications';
+import { storeVueBus } from './vue-bus/store-vue-bus';
+import { storeDialogs } from './dialogs/store-dialogs';
 export { i18n, I18nOptions, I18nPlugin, I18N_KEY, useIcons, notifications, NotificationsPlugin, NOTIFICATIONS_KEY, vueBus, VueBusPlugin, VUEBUS_KEY, dialogs, DialogsPlugin, DIALOGS_KEY, storeI18n, storeNotifications, storeVueBus, storeDialogs, };

package/dist/plugins/notifications/notifications.d.ts

@@ -0,0 +1,8 @@
+import { Plugin } from 'vue';
+import { Ui3nNotificationProps } from '../../components/ui3n-notification/types';
+export declare const notifications: Plugin;
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $createNotice: (params: Ui3nNotificationProps) => void;
+    }
+}

package/dist/plugins/{store-notifications.d.ts → notifications/store-notifications.d.ts}

@@ -1,4 +1,4 @@
-import { Ui3nNotificationProps } from '../constants';
+import { Ui3nNotificationProps } from '../../components/ui3n-notification/types';
 export declare function storeNotifications(context: any): {
     $createNotice: (params: Ui3nNotificationProps) => void;
 };

package/dist/plugins/notifications/types.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey } from 'vue';
+import { Ui3nNotificationProps } from '../../components/ui3n-notification/types';
+export interface NotificationsPlugin {
+    $createNotice: (params: Ui3nNotificationProps) => void;
+}
+export declare const NOTIFICATIONS_KEY: InjectionKey<NotificationsPlugin>;

package/dist/plugins/{store-vue-bus.d.ts → vue-bus/store-vue-bus.d.ts}

@@ -1,4 +1,4 @@
-import { VueEventBus } from '../constants';
+import { VueEventBus } from './types';
 export declare function storeVueBus(context: any): {
     $emitter: VueEventBus;
 };

package/dist/plugins/vue-bus/types.d.ts

@@ -0,0 +1,13 @@
+import { InjectionKey } from 'vue';
+export type CbFunction = (...args: any[]) => void;
+export interface VueEventBus {
+    on: (type: string | symbol, handler: CbFunction) => void;
+    off: (type: string | symbol, handler?: CbFunction) => void;
+    emit: (type: string | symbol, arg?: any) => void;
+    once: (type: string | symbol, handler: CbFunction) => void;
+    clear: () => void;
+}
+export interface VueBusPlugin {
+    $emitter: VueEventBus;
+}
+export declare const VUEBUS_KEY: InjectionKey<VueBusPlugin>;

package/dist/plugins/{vue-bus.d.ts → vue-bus/vue-bus.d.ts}

@@ -1,9 +1,5 @@
-import { Plugin, InjectionKey } from 'vue';
-import { CbFunction, VueEventBus } from '../constants';
-export interface VueBusPlugin {
-    $emitter: VueEventBus;
-}
-export declare const VUEBUS_KEY: InjectionKey<VueBusPlugin>;
+import { Plugin } from 'vue';
+import { CbFunction } from './types';
 export declare const vueBus: Plugin;
 declare module '@vue/runtime-core' {
     interface ComponentCustomProperties {

package/dist/style.css

@@ -0,0 +1 @@
+._icon_vksh7_1{min-width:var(--d73a5870);min-height:var(--43aea936);flex-grow:0;flex-shrink:0}._button_1ja11_1{--ui3n-button-padding: var(--spacing-m);--ui3n-button-text-size: var(--font-12);--ui3n-button-text-color-custom: var(--color-text-button-primary-default);--ui3n-button-bg-color-custom: var(--color-bg-button-primary-default);display:flex;justify-content:center;align-items:center;gap:var(--spacing-s);border:none;outline:none;border-radius:var(--spacing-xs);font-size:var(--ui3n-button-text-size);font-weight:600;line-height:calc(var(--ui3n-button-text-size) * 1.25);-webkit-user-select:none;user-select:none}._regular_1ja11_19{height:var(--spacing-l);padding:0 var(--spacing-m)}._regular_1ja11_19._withIcon-left_1ja11_23{padding-left:var(--spacing-s)}._regular_1ja11_19._withIcon-right_1ja11_26{padding-right:var(--spacing-s)}._small_1ja11_30{height:var(--spacing-ml);padding:0 var(--spacing-s)}._small_1ja11_30._withIcon-left_1ja11_23{padding-left:var(--spacing-xs)}._small_1ja11_30._withIcon-right_1ja11_26{padding-right:var(--spacing-xs)}._block_1ja11_41{width:100%}._primary_1ja11_45{background:var(--color-bg-button-primary-default);color:var(--color-text-button-primary-default)}._primary_1ja11_45:hover{background:var(--color-bg-button-primary-hover);color:var(--color-text-button-primary-hover);background-position:center;transition:background .35s ease-in-out}._primary_1ja11_45:hover:not([disabled]){cursor:pointer}._primary_1ja11_45:hover:not([disabled]):hover{background:var(--color-bg-button-primary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-primary-hover) 1%) center/15000%}._primary_1ja11_45:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._primary_1ja11_45[disabled]{background:var(--color-bg-button-primary-disabled);color:var(--color-text-button-primary-disabled);pointer-events:none}._secondary_1ja11_73{background:var(--color-bg-button-secondary-default);color:var(--color-text-button-secondary-default)}._secondary_1ja11_73:hover{background:var(--color-bg-button-secondary-hover);color:var(--color-text-button-secondary-hover);background-position:center;transition:background .35s ease-in-out}._secondary_1ja11_73:hover:not([disabled]){cursor:pointer}._secondary_1ja11_73:hover:not([disabled]):hover{background:var(--color-bg-button-secondary-hover) radial-gradient(circle,transparent 1%,var(--color-bg-button-secondary-hover) 1%) center/15000%}._secondary_1ja11_73:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._secondary_1ja11_73[disabled]{background:var(--color-bg-button-secondary-disabled);color:var(--color-text-button-secondary-disabled);pointer-events:none}._tertiary_1ja11_101{background:transparent;color:var(--color-text-button-secondary-default);padding:0}._tertiary_1ja11_101:hover{background:transparent;color:var(--color-text-button-secondary-hover);text-decoration:underline;cursor:pointer}._tertiary_1ja11_101[disabled]{background:transparent;color:var(--color-text-button-secondary-disabled);pointer-events:none}._icon_1ja11_118{--ui3n-button-icon-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom);border-radius:50%}._icon_1ja11_118._regular_1ja11_19{min-width:var(--spacing-l);width:var(--spacing-l);padding:0}._icon_1ja11_118._small_1ja11_30{min-width:var(--spacing-ml);width:var(--spacing-ml);padding:0}._icon_1ja11_118:hover{background:var(--ui3n-button-icon-bg-color);background-position:center;transition:background .35s ease-in-out}._icon_1ja11_118:hover:not([disabled]){cursor:pointer}._icon_1ja11_118:hover:not([disabled]):hover{background:var(--ui3n-button-icon-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-icon-bg-color) 1%) center/15000%}._icon_1ja11_118:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._icon_1ja11_118[disabled]{opacity:.7;pointer-events:none}._custom_1ja11_156{--ui3n-button-custom-bg-color: hsl(from var(--ui3n-button-bg-color-custom) h s calc(l - 10) );background:var(--ui3n-button-bg-color-custom);color:var(--ui3n-button-text-color-custom)}._custom_1ja11_156:hover{background:var(--ui3n-button-custom-bg-color);background-position:center;transition:background .35s ease-in-out}._custom_1ja11_156:hover:not([disabled]){cursor:pointer}._custom_1ja11_156:hover:not([disabled]):hover{background:var(--ui3n-button-custom-bg-color) radial-gradient(circle,transparent 1%,var(--ui3n-button-custom-bg-color) 1%) center/15000%}._custom_1ja11_156:hover:not([disabled]):active{opacity:1;background-color:var(--grey-20);background-size:100%;transition:background 0s}._custom_1ja11_156[disabled]{opacity:.7;pointer-events:none}._withIcon-left_1ja11_23{flex-direction:row}._withIcon-right_1ja11_26{flex-direction:row-reverse}._buttonIcon_1ja11_191,._text_1ja11_192{pointer-events:none}._elevation_1ja11_196{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}._notification_1gl9l_1{--ui3n-notification-width: 380px;display:flex;position:relative;z-index:5000;border-radius:var(--spacing-s);outline:1px solid var(--color-border-control-tritery-default);padding:var(--spacing-m);max-width:var(--ui3n-notification-width);margin-bottom:var(--spacing-s);justify-content:center;align-items:center;gap:var(--spacing-s)}._withIcon_1gl9l_16{justify-content:flex-start}._icon_1gl9l_20{position:relative;min-width:var(--spacing-l);width:var(--spacing-l);min-height:var(--spacing-l);height:var(--spacing-l);border-radius:50%;display:flex;justify-content:center;align-items:center}._content_1gl9l_32{position:relative;flex-grow:2;font-size:var(--font-12);font-weight:500;line-height:var(--font-16)}._closeBtn_1gl9l_40{position:absolute;z-index:1;top:0;right:0}._infoType_1gl9l_47{background-color:var(--info-fill-default)}._infoType_1gl9l_47 ._icon_1gl9l_20{background-color:var(--info-content-default)}._infoType_1gl9l_47 ._content_1gl9l_32{color:var(--info-content-default)}._successType_1gl9l_57{background-color:var(--success-fill-default)}._successType_1gl9l_57 ._icon_1gl9l_20{background-color:var(--success-content-default)}._successType_1gl9l_57 ._content_1gl9l_32{color:var(--success-content-default)}._warningType_1gl9l_67{background-color:var(--warning-fill-default)}._warningType_1gl9l_67 ._icon_1gl9l_20{background-color:var(--warning-content-default)}._warningType_1gl9l_67 ._content_1gl9l_32{color:var(--warning-content-default)}._errorType_1gl9l_77{background-color:var(--error-fill-default)}._errorType_1gl9l_77 ._icon_1gl9l_20{background-color:var(--error-content-default)}._errorType_1gl9l_77 ._content_1gl9l_32{color:var(--error-content-default)}._leftPosition_1gl9l_87{margin-left:0;margin-right:auto}._centerPosition_1gl9l_92{margin-left:auto;margin-right:auto}._rightPosition_1gl9l_97{margin-left:auto;margin-right:0}._overlay_1g9mf_1{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}._dialog_1g9mf_11{--dialog-border-radius: 8px;--dialog-title-padding: 16px 32px 16px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--color-text-button-primary-default);--dialog-cancel-button-color: var(--color-text-button-secondary-default);--dialog-confirm-background-color: var(--color-bg-button-primary-default);--dialog-cancel-background-color: var(--color-bg-button-secondary-default);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--color-bg-block-primary-default);border-radius:var(--dialog-border-radius);outline:none;box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}._title_1g9mf_31{position:relative;width:100%;height:calc(var(--spacing-m) * 3);display:flex;justify-content:flex-start;align-items:center;padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.2;color:var(--color-text-control-primary-default);border-bottom:1px solid var(--color-border-block-primary-default);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeBtn_1g9mf_50{position:absolute;right:4px;top:12px}._content_1g9mf_56{flex-grow:2;overflow-y:auto}._actions_1g9mf_61{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s)}._bothBtns_1g9mf_69{margin-left:var(--spacing-s)}

package/dist/{components.d.ts → ui3n-components.d.ts}

@@ -1,31 +1,31 @@
-import { default as Ui3nButton } from './components/ui3n-button.vue';
-import { default as Ui3nChip } from './components/ui3n-chip.vue';
-import { default as Ui3nCheckbox } from './components/ui3n-checkbox.vue';
-import { default as Ui3nDialog } from './components/ui3n-dialog.vue';
-import { default as Ui3nDropFiles } from './components/ui3n-drop-files.vue';
-import { default as Ui3nEmoji } from './components/ui3n-emoji.vue';
-import { default as Ui3nIcon } from './components/ui3n-icon.vue';
-import { default as Ui3nInput } from './components/ui3n-input.vue';
-import { default as Ui3nList } from './components/ui3n-list.vue';
+import { default as Ui3nButton } from './components/ui3n-button/ui3n-button.vue';
+import { default as Ui3nChip } from './components/ui3n-chip/ui3n-chip.vue';
+import { default as Ui3nCheckbox } from './components/ui3n-checkbox/ui3n-checkbox.vue';
+import { default as Ui3nDialog } from './components/ui3n-dialog/ui3n-dialog.vue';
+import { default as Ui3nDropFiles } from './components/ui3n-drop-files/ui3n-drop-files.vue';
+import { default as Ui3nEmoji } from './components/ui3n-emoji/ui3n-emoji.vue';
+import { default as Ui3nIcon } from './components/ui3n-icon/ui3n-icon.vue';
+import { default as Ui3nInput } from './components/ui3n-input/ui3n-input.vue';
+import { default as Ui3nList } from './components/ui3n-list/ui3n-list.vue';
 import { default as Ui3nMenu } from './components/ui3n-menu/ui3n-menu.vue';
-import { default as Ui3nNotification } from './components/ui3n-notification.vue';
-import { default as Ui3nTableSortIcon } from './components/ui3n-table-sort-icon.vue';
+import { default as Ui3nNotification } from './components/ui3n-notification/ui3n-notification.vue';
+import { default as Ui3nTableSortIcon } from './components/ui3n-table/ui3n-table-sort-icon.vue';
 import { default as Ui3nTable } from './components/ui3n-table/ui3n-table.vue';
-import { default as Ui3nTabs } from './components/ui3n-tabs.vue';
-import { default as Ui3nText } from './components/ui3n-text.vue';
-import { default as Ui3nVirtualScroll } from './components/ui3n-virtual-scroll.vue';
-import { default as Ui3nBadge } from './components/ui3n-badge.vue';
-import { default as Ui3nBreadcrumb } from './components/ui3n-breadcrumb.vue';
-import { default as Ui3nBreadcrumbs } from './components/ui3n-breadcrumbs.vue';
-import { default as Ui3nSwitch } from './components/ui3n-switch.vue';
-import { default as Ui3nStepLineBar } from './components/ui3n-step-line-bar.vue';
-import { default as Ui3nProgressLinear } from './components/ui3n-progress-linear.vue';
-import { default as Ui3nProgressCircular } from './components/ui3n-progress-circular.vue';
+import { default as Ui3nTabs } from './components/ui3n-tabs/ui3n-tabs.vue';
+import { default as Ui3nText } from './components/ui3n-text/ui3n-text.vue';
+import { default as Ui3nVirtualScroll } from './components/ui3n-virtual-scroll/ui3n-virtual-scroll.vue';
+import { default as Ui3nBadge } from './components/ui3n-badge/ui3n-badge.vue';
+import { default as Ui3nBreadcrumb } from './components/ui3n-breadcrumbs/ui3n-breadcrumb.vue';
+import { default as Ui3nBreadcrumbs } from './components/ui3n-breadcrumbs/ui3n-breadcrumbs.vue';
+import { default as Ui3nSwitch } from './components/ui3n-switch/ui3n-switch.vue';
+import { default as Ui3nStepLineBar } from './components/ui3n-step-line-bar/ui3n-step-line-bar.vue';
+import { default as Ui3nProgressLinear } from './components/ui3n-progress/ui3n-progress-linear.vue';
+import { default as Ui3nProgressCircular } from './components/ui3n-progress/ui3n-progress-circular.vue';
 import { default as Ui3nTooltip } from './components/ui3n-tooltip/ui3n-tooltip.vue';
 import { default as Ui3nHtml } from './directives/ui3n-html';
 import { default as Ui3nClickOutside } from './directives/ui3n-click-outside';
 export * from './directives';
-export * from './components';
+export * from './ui3n-components';
 declare module 'vue' {
     interface GlobalComponents {
         Ui3nBadge: typeof Ui3nBadge;

package/dist/ui3n-plugins.d.ts

@@ -0,0 +1,44 @@
+import { i18n } from './plugins/i18n/i18n';
+import { storeI18n } from './plugins/i18n/store-i18n';
+import { I18N_KEY, I18nOptions, I18nPlugin } from './plugins/i18n/types';
+import { useIcons } from './plugins/icons/icons';
+import { Ui3nNotificationProps } from './components/ui3n-notification/types';
+import { notifications } from './plugins/notifications/notifications';
+import { storeNotifications } from './plugins/notifications/store-notifications';
+import { NOTIFICATIONS_KEY, NotificationsPlugin } from './plugins/notifications/types';
+import { dialogs } from './plugins/dialogs/dialogs';
+import { storeDialogs } from './plugins/dialogs/store-dialogs';
+import { DIALOGS_KEY, DialogInstance, DialogsPlugin } from './plugins/dialogs/types';
+import { Ui3nDialogComponentProps } from './components/ui3n-dialog/types';
+import { vueBus } from './plugins/vue-bus/vue-bus';
+import { storeVueBus } from './plugins/vue-bus/store-vue-bus';
+import { VUEBUS_KEY, CbFunction, VueEventBus, VueBusPlugin } from './plugins/vue-bus/types';
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
+        $createNotice: (params: Ui3nNotificationProps) => void;
+        $locale: string;
+        $tr: (key: string, placeholders?: Record<string, string>) => string;
+        $changeLocale: (lang: string) => void;
+        $emitter: VueEventBus;
+    }
+}
+declare module 'pinia' {
+    interface PiniaCustomProperties {
+        $openDialog: (params: Ui3nDialogComponentProps) => DialogInstance | undefined;
+        $createNotice: (params: Ui3nNotificationProps) => void;
+        $emitter: {
+            on: (type: string | symbol, handler: CbFunction) => void;
+            off: (type: string | symbol, handler?: CbFunction) => void;
+            emit: (type: string | symbol, arguments?: any) => void;
+            once: (type: string | symbol, handler: CbFunction) => void;
+            clear: () => void;
+        };
+        $i18n: {
+            locale: string;
+            changeLocale: (lang: string) => void;
+            tr: (key: string, placeholders?: Record<string, string>) => string;
+        };
+    }
+}
+export { i18n, storeI18n, I18N_KEY, I18nOptions, I18nPlugin, useIcons, notifications, storeNotifications, NOTIFICATIONS_KEY, NotificationsPlugin, dialogs, storeDialogs, DIALOGS_KEY, DialogsPlugin, DialogInstance, vueBus, storeVueBus, VUEBUS_KEY, CbFunction, VueBusPlugin, VueEventBus, };