@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-26eac77b

package/dist/@/config/button.d.ts

@@ -0,0 +1,90 @@
+declare const _default: {
+    textColor: {
+        btn: {
+            primary: {
+                DEFAULT: string;
+                outline: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+            };
+            secondary: string;
+            success: string;
+            ghost: string;
+            outline: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+        };
+    };
+    backgroundColor: {
+        btn: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            secondary: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            success: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            ghost: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+        };
+    };
+    borderColor: {
+        btn: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+                outline: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+            };
+            secondary: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            success: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            ghost: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            outline: {
+                DEFAULT: string;
+            };
+        };
+    };
+};
+export default _default;

package/dist/@/config/button.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    textColor: {
+        btn: {
+            primary: {
+                DEFAULT: 'var(--btn-primary)',
+                outline: {
+                    DEFAULT: 'var(--btn-primary-bg)',
+                    hover: 'var(--btn-primary-hover-bg)',
+                    focus: 'var(var(--btn-primary-focus-bg)',
+                    active: 'var(--btn-primary-active-bg)',
+                }
+            },
+            secondary: 'var(--btn-secondary)',
+            success: 'var(--btn-success)',
+            ghost: 'var(--btn-ghost)',
+            outline: {
+                DEFAULT: 'var(--btn-ghost)',
+                hover: 'var(--btn-ghost-hover-bg)',
+                focus: 'var(var(--btn-ghost-focus-bg)',
+                active: 'var(--btn-ghost-active-bg)',
+            }
+        }
+    },
+    backgroundColor: {
+        btn: {
+            primary: {
+                DEFAULT: 'var(--btn-primary-bg)',
+                hover: 'var(--btn-primary-hover-bg)',
+                focus: 'var(var(--btn-primary-focus-bg)',
+                active: 'var(--btn-primary-active-bg)',
+            },
+            secondary: {
+                DEFAULT: 'var(--btn-secondary-bg)',
+                hover: 'var(--btn-secondary-hover-bg)',
+                focus: 'var(var(--btn-secondary-focus-bg)',
+                active: 'var(--btn-secondary-active-bg)',
+            },
+            success: {
+                DEFAULT: 'var(--btn-success-bg)',
+                hover: 'var(--btn-success-hover-bg)',
+                focus: 'var(var(--btn-success-focus-bg)',
+                active: 'var(--btn-success-active-bg)',
+            },
+            ghost: {
+                DEFAULT: 'var(--btn-ghost-bg)',
+                hover: 'var(--btn-ghost-hover-bg)',
+                focus: 'var(var(--btn-ghost-focus-bg)',
+                active: 'var(--btn-ghost-active-bg)',
+            }
+        }
+    },
+    borderColor: {
+        btn: {
+            primary: {
+                DEFAULT: 'var(--btn-primary-bg)',
+                hover: 'var(--btn-primary-hover-bg)',
+                focus: 'var(var(--btn-primary-focus-bg)',
+                active: 'var(--btn-primary-active-bg)',
+                outline: {
+                    DEFAULT: 'var(--btn-primary-bg)',
+                    hover: 'var(--btn-primary-hover-bg)',
+                    focus: 'var(var(--btn-primary-focus-bg)',
+                    active: 'var(--btn-primary-active-bg)',
+                }
+            },
+            secondary: {
+                DEFAULT: 'var(--btn-secondary-bg)',
+                hover: 'var(--btn-secondary-hover-bg)',
+                focus: 'var(var(--btn-secondary-focus-bg)',
+                active: 'var(--btn-secondary-active-bg)',
+            },
+            success: {
+                DEFAULT: 'var(--btn-success-bg)',
+                hover: 'var(--btn-success-hover-bg)',
+                focus: 'var(var(--btn-success-focus-bg)',
+                active: 'var(--btn-success-active-bg)',
+            },
+            ghost: {
+                DEFAULT: 'var(--btn-ghost-bg)',
+                hover: 'var(--btn-ghost-hover-bg)',
+                focus: 'var(var(--btn-ghost-focus-bg)',
+                active: 'var(--btn-ghost-active-bg)',
+            },
+            outline: {
+                DEFAULT: 'var(--btn-ghost)',
+            }
+        }
+    }
+};
+//# sourceMappingURL=button.js.map

package/dist/@/config/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/@/config/button.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACd,SAAS,EAAE;QACV,GAAG,EAAE;YACJ,OAAO,EAAE;gBACR,OAAO,EAAE,oBAAoB;gBAC7B,OAAO,EAAE;oBACR,OAAO,EAAE,uBAAuB;oBAChC,KAAK,EAAE,6BAA6B;oBACpC,KAAK,EAAE,iCAAiC;oBACxC,MAAM,EAAE,8BAA8B;iBACtC;aACD;YACD,SAAS,EAAE,sBAAsB;YACjC,OAAO,EAAE,oBAAoB;YAC7B,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE;gBACR,OAAO,EAAE,kBAAkB;gBAC3B,KAAK,EAAE,2BAA2B;gBAClC,KAAK,EAAE,+BAA+B;gBACtC,MAAM,EAAE,4BAA4B;aACpC;SACD;KACD;IACD,eAAe,EAAE;QAChB,GAAG,EAAE;YACJ,OAAO,EAAE;gBACR,OAAO,EAAE,uBAAuB;gBAChC,KAAK,EAAE,6BAA6B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,MAAM,EAAE,8BAA8B;aACtC;YACD,SAAS,EAAE;gBACV,OAAO,EAAE,yBAAyB;gBAClC,KAAK,EAAE,+BAA+B;gBACtC,KAAK,EAAE,mCAAmC;gBAC1C,MAAM,EAAE,gCAAgC;aACxC;YACD,OAAO,EAAE;gBACR,OAAO,EAAE,uBAAuB;gBAChC,KAAK,EAAE,6BAA6B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,MAAM,EAAE,8BAA8B;aACtC;YACD,KAAK,EAAE;gBACN,OAAO,EAAE,qBAAqB;gBAC9B,KAAK,EAAE,2BAA2B;gBAClC,KAAK,EAAE,+BAA+B;gBACtC,MAAM,EAAE,4BAA4B;aACpC;SACD;KACD;IACD,WAAW,EAAE;QACZ,GAAG,EAAE;YACJ,OAAO,EAAE;gBACR,OAAO,EAAE,uBAAuB;gBAChC,KAAK,EAAE,6BAA6B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,MAAM,EAAE,8BAA8B;gBACtC,OAAO,EAAE;oBACR,OAAO,EAAE,uBAAuB;oBAChC,KAAK,EAAE,6BAA6B;oBACpC,KAAK,EAAE,iCAAiC;oBACxC,MAAM,EAAE,8BAA8B;iBACtC;aACD;YACD,SAAS,EAAE;gBACV,OAAO,EAAE,yBAAyB;gBAClC,KAAK,EAAE,+BAA+B;gBACtC,KAAK,EAAE,mCAAmC;gBAC1C,MAAM,EAAE,gCAAgC;aACxC;YACD,OAAO,EAAE;gBACR,OAAO,EAAE,uBAAuB;gBAChC,KAAK,EAAE,6BAA6B;gBACpC,KAAK,EAAE,iCAAiC;gBACxC,MAAM,EAAE,8BAA8B;aACtC;YACD,KAAK,EAAE;gBACN,OAAO,EAAE,qBAAqB;gBAC9B,KAAK,EAAE,2BAA2B;gBAClC,KAAK,EAAE,+BAA+B;gBACtC,MAAM,EAAE,4BAA4B;aACpC;YACD,OAAO,EAAE;gBACR,OAAO,EAAE,kBAAkB;aAC3B;SACD;KACD;CACD,CAAA"}

package/dist/@/config/index.d.ts

@@ -0,0 +1,137 @@
+declare const _default: {
+    container: {};
+    extend: {
+        keyframes: {
+            'accordion-down': {
+                from: {
+                    height: string;
+                };
+                to: {
+                    height: string;
+                };
+            };
+            'accordion-up': {
+                from: {
+                    height: string;
+                };
+                to: {
+                    height: string;
+                };
+            };
+        };
+        animation: {
+            'accordion-down': string;
+            'accordion-up': string;
+        };
+        textColor: {
+            btn: {
+                primary: {
+                    DEFAULT: string;
+                    outline: {
+                        DEFAULT: string;
+                        hover: string;
+                        focus: string;
+                        active: string;
+                    };
+                };
+                secondary: string;
+                success: string;
+                ghost: string;
+                outline: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+            };
+        };
+        backgroundColor: {
+            btn: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+                secondary: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+                success: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+                ghost: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+            };
+        };
+        borderColor: {
+            btn: {
+                primary: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                    outline: {
+                        DEFAULT: string;
+                        hover: string;
+                        focus: string;
+                        active: string;
+                    };
+                };
+                secondary: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+                success: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+                ghost: {
+                    DEFAULT: string;
+                    hover: string;
+                    focus: string;
+                    active: string;
+                };
+                outline: {
+                    DEFAULT: string;
+                };
+            };
+        };
+        colors: {
+            primary: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            success: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            secondary: {
+                DEFAULT: string;
+                hover: string;
+                focus: string;
+                active: string;
+            };
+            transparent: string;
+            current: string;
+        };
+    };
+};
+export default _default;

package/dist/@/config/index.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const button_1 = (0, tslib_1.__importDefault)(require("./button"));
+exports.default = {
+    container: {},
+    extend: {
+        colors: {
+            primary: {
+                DEFAULT: 'var(--primary)',
+                hover: 'var(--primary-hover)',
+                focus: 'var(var(--primary-focus)',
+                active: 'var(--primary-active)',
+            },
+            success: {
+                DEFAULT: 'var(--success)',
+                hover: 'var(--success-hover)',
+                focus: 'var(var(--success-focus)',
+                active: 'var(--success-active)',
+            },
+            secondary: {
+                DEFAULT: 'var(--secondary)',
+                hover: 'var(--secondary-hover)',
+                focus: 'var(var(--secondary-focus)',
+                active: 'var(--secondary-active)',
+            },
+            transparent: 'transparent',
+            current: 'currentColor',
+        },
+        ...button_1.default,
+        // textColor: {
+        // base: 'var(--text-cl)',
+        // 'btn-primary': 'var(--btn-primary-cl)',
+        // 'btn-success': 'var(--btn-success-cl)',
+        // primary: 'var(--btn-txt-primary)',
+        // 'primary-hover': 'var(--btn-txt-primary-hover)',
+        // 'primary-focus': 'var(--btn-txt-primary-focus)',
+        // 'primary-active': 'var(--btn-txt-primary-active)',
+        // },
+        // border: {
+        // 	'btn-primary-outline': '2px solid red'
+        // },
+        // colors: {
+        // 	border: 'hsl(var(--border))',
+        // 	input: 'hsl(var(--input))',
+        // 	ring: 'hsl(var(--ring))',
+        // 	background: 'hsl(var(--background))',
+        // 	foreground: 'hsl(var(--foreground))',
+        // 	primary: {
+        // 		DEFAULT: 'hsl(var(--primary))',
+        // 		foreground: 'hsl(var(--primary-foreground))',
+        // 	},
+        // 	secondary: {
+        // 		DEFAULT: 'hsl(var(--secondary))',
+        // 		foreground: 'hsl(var(--secondary-foreground))',
+        // 	},
+        // 	destructive: {
+        // 		DEFAULT: 'hsl(var(--destructive))',
+        // 		foreground: 'hsl(var(--destructive-foreground))',
+        // 	},
+        // 	muted: {
+        // 		DEFAULT: 'hsl(var(--muted))',
+        // 		foreground: 'hsl(var(--muted-foreground))',
+        // 	},
+        // 	accent: {
+        // 		DEFAULT: 'hsl(var(--accent))',
+        // 		foreground: 'hsl(var(--accent-foreground))',
+        // 	},
+        // 	popover: {
+        // 		DEFAULT: 'hsl(var(--popover))',
+        // 		foreground: 'hsl(var(--popover-foreground))',
+        // 	},
+        // 	card: {
+        // 		DEFAULT: 'hsl(var(--card))',
+        // 		foreground: 'hsl(var(--card-foreground))',
+        // 	},
+        // },
+        // borderRadius: {
+        // 	lg: `var(--radius)`,
+        // 	md: `calc(var(--radius) - 2px)`,
+        // 	sm: 'calc(var(--radius) - 4px)',
+        // },
+        keyframes: {
+            'accordion-down': {
+                from: { height: '0' },
+                to: { height: 'var(--radix-accordion-content-height)' },
+            },
+            'accordion-up': {
+                from: { height: 'var(--radix-accordion-content-height)' },
+                to: { height: '0' },
+            },
+        },
+        animation: {
+            'accordion-down': 'accordion-down 0.2s ease-out',
+            'accordion-up': 'accordion-up 0.2s ease-out',
+        },
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/@/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/@/config/index.ts"],"names":[],"mappings":";;;AAAA,mEAA6B;AAE7B,kBAAe;IACb,SAAS,EAAE,EAAE;IACb,MAAM,EAAE;QACP,MAAM,EAAE;YACP,OAAO,EAAE;gBACR,OAAO,EAAE,gBAAgB;gBACzB,KAAK,EAAE,sBAAsB;gBAC7B,KAAK,EAAE,0BAA0B;gBACjC,MAAM,EAAE,uBAAuB;aAC/B;YACD,OAAO,EAAE;gBACR,OAAO,EAAE,gBAAgB;gBACzB,KAAK,EAAE,sBAAsB;gBAC7B,KAAK,EAAE,0BAA0B;gBACjC,MAAM,EAAE,uBAAuB;aAC/B;YACD,SAAS,EAAE;gBACV,OAAO,EAAE,kBAAkB;gBAC3B,KAAK,EAAE,wBAAwB;gBAC/B,KAAK,EAAE,4BAA4B;gBACnC,MAAM,EAAE,yBAAyB;aACjC;YACD,WAAW,EAAE,aAAa;YAC1B,OAAO,EAAE,cAAc;SACvB;QACD,GAAG,gBAAM;QACT,eAAe;QACd,0BAA0B;QAC1B,0CAA0C;QAC1C,0CAA0C;QAC1C,qCAAqC;QACrC,mDAAmD;QACnD,mDAAmD;QACnD,qDAAqD;QACtD,KAAK;QAEL,YAAY;QACZ,0CAA0C;QAC1C,KAAK;QAEL,YAAY;QACZ,iCAAiC;QACjC,+BAA+B;QAC/B,6BAA6B;QAC7B,yCAAyC;QACzC,yCAAyC;QACzC,cAAc;QACd,oCAAoC;QACpC,kDAAkD;QAClD,MAAM;QACN,gBAAgB;QAChB,sCAAsC;QACtC,oDAAoD;QACpD,MAAM;QACN,kBAAkB;QAClB,wCAAwC;QACxC,sDAAsD;QACtD,MAAM;QACN,YAAY;QACZ,kCAAkC;QAClC,gDAAgD;QAChD,MAAM;QACN,aAAa;QACb,mCAAmC;QACnC,iDAAiD;QACjD,MAAM;QACN,cAAc;QACd,oCAAoC;QACpC,kDAAkD;QAClD,MAAM;QACN,WAAW;QACX,iCAAiC;QACjC,+CAA+C;QAC/C,MAAM;QACN,KAAK;QACL,kBAAkB;QAClB,wBAAwB;QACxB,oCAAoC;QACpC,oCAAoC;QACpC,KAAK;QAEL,SAAS,EAAE;YACV,gBAAgB,EAAE;gBACjB,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;gBACrB,EAAE,EAAE,EAAE,MAAM,EAAE,uCAAuC,EAAE;aACvD;YACD,cAAc,EAAE;gBACf,IAAI,EAAE,EAAE,MAAM,EAAE,uCAAuC,EAAE;gBACzD,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;aACnB;SACD;QACD,SAAS,EAAE;YACV,gBAAgB,EAAE,8BAA8B;YAChD,cAAc,EAAE,4BAA4B;SAC5C;KACD;CACD,CAAA"}

package/dist/@/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/@/lib/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = void 0;
+const clsx_1 = require("clsx");
+const tailwind_merge_1 = require("tailwind-merge");
+function cn(...inputs) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}
+exports.cn = cn;
+//# sourceMappingURL=utils.js.map

package/dist/@/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/@/lib/utils.ts"],"names":[],"mappings":";;;AAAA,+BAA6C;AAC7C,mDAAyC;AAEzC,SAAgB,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,IAAA,wBAAO,EAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC;AAFD,gBAEC"}

package/dist/Audio/Audio.d.ts

@@ -0,0 +1,123 @@
+import React from 'react';
+import { IAudioProps, IState } from "./types";
+/**
+ * Компонент прослушивания аудиозаписей
+ */
+export declare class Audio extends React.Component<IAudioProps, IState> {
+    state: any;
+    /**
+     * ссылка на аудио элемент на странице
+     * @memberof Audio
+     */
+    audioRef: React.RefObject<HTMLAudioElement>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    changeVolume(value: any): void;
+    getDuration: () => number;
+    /**
+     * Метод включение записи на проигрывание
+     * @memberof Audio
+     */
+    play(): void;
+    /**
+     * Метод постановки проигрываемой записи на паузу
+     * @memberof Audio
+     */
+    pause(): void;
+    /**
+     * Метод прерывания процесса загрузки записи
+     * @memberof Audio
+     */
+    loadCancel(): void;
+    /**
+     * Метод перемотки записи до нужной секунды
+     * @param {number} sec значение в секундах
+     * @memberof Audio
+     */
+    seek(sec: any): void;
+    /**
+     * Обработчик изменения позиции слайдера момента исполнения записи
+     * @param {*} value значение слайдера
+     * @memberof Audio
+     */
+    onSliderChange: (value: any) => void;
+    onAfterChange: () => void;
+    /**
+     * Обработчик нажатия кнопки управления
+     * @memberof Audio
+     */
+    onButtonClick: () => void;
+    /**
+     * Обработчик события загрузки метаданных записи
+     * @param {*} event дескриптор события
+     * @memberof Audio
+     */
+    onLoadedMetaData: ({ target }: {
+        target: any;
+    }) => void;
+    /**
+     * Обработчик изменения отметки времени исполнения
+     * @param {*} event дексриптор события
+     * @memberof Audio
+     */
+    onTimeUpdate: (event: any) => void;
+    /**
+     * Метод расчета прогресса загруженной записи
+     * @param {TimeRanges} timeRanges загруженные промежутки
+     * @param {number} duration длительность записи
+     * @returns {number}
+     * @memberof Audio
+     */
+    calcProgress(timeRanges: any, duration: any): number;
+    updateLoadingProgress(buffered: any, duration: any): void;
+    /**
+     * Обработчик загрузки нового фрагмента записи
+     * @param {*} event
+     * @memberof Audio
+     */
+    onProgress: ({ target }: {
+        target: any;
+    }) => void;
+    /**
+     * Обработчик при включении проигрывания записи
+     * @param {*} event
+     * @memberof Audio
+     */
+    onPlay: () => void;
+    /**
+     * Обработчик при постновки записи на паузу
+     * @param {*} event дескриптор события
+     * @memberof Audio
+     */
+    onPause: () => void;
+    /**
+     * Обработчик перехода к проигрыванию записи
+     * @memberof Audio
+     */
+    onPlaying: () => void;
+    /**
+     * Обработчик события ожидания, когда что-то грузится
+     * @param {*} event дескриптор события
+     * @memberof Audio
+     */
+    onWaiting: (event: any) => void;
+    /**
+     * Обработчик достижения конца проигрываемой записи
+     * @param {*} event дескриптор события
+     * @memberof Audio
+     */
+    onEnded: (event: any) => void;
+    /**
+     * Обработчик возникновения ошибки аудио элемента
+     * @memberof Audio
+     */
+    onError: () => void;
+    /**
+     * Метод рендера содержимого кнопки управления
+     * @returns
+     * @memberof Audio
+     */
+    getButtonCaption(): React.JSX.Element;
+    durationRender: () => string;
+    render(): React.JSX.Element;
+}