@ozen-ui/kit 0.0.1

package/__inner__/esm/types/FormElementSizeVariant.d.ts

@@ -0,0 +1,2 @@
+export declare const formElementSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type FormElementSizeVariant = (typeof formElementSizeVariant)[number];

package/__inner__/esm/types/FormElementSizeVariant.js

@@ -0,0 +1 @@
+export var formElementSizeVariant = ['2xs', 'xs', 's', 'm', 'l'];

package/__inner__/esm/types/KeyCode.d.ts

@@ -0,0 +1,14 @@
+export type KeyCodeList = {
+    Enter: 'Enter';
+    Tab: 'Tab';
+    ArrowDown: 'ArrowDown';
+    ArrowLeft: 'ArrowLeft';
+    ArrowRight: 'ArrowRight';
+    ArrowUp: 'ArrowUp';
+    Escape: 'Escape';
+    Space: 'Space';
+    Backspace: 'Backspace';
+    Home: 'Home';
+    End: 'End';
+};
+export type KeyCode = keyof KeyCodeList;

package/__inner__/esm/types/KeyCode.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/types/ResponsiveValue.d.ts

@@ -0,0 +1,4 @@
+import { BreakpointVariant } from './Breakpoints';
+export type ResponsiveValue<T> = T | {
+    [key in BreakpointVariant]?: T;
+};

package/__inner__/esm/types/ResponsiveValue.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/utils/animateProperty.d.ts

@@ -0,0 +1,14 @@
+declare const timingFunctions: {
+    linear: (time: number) => number;
+    'ease-in': (time: number) => number;
+    'ease-out': (time: number) => number;
+    'ease-in-out': (time: number) => number;
+};
+export type TimingFunction = keyof typeof timingFunctions;
+export interface AnimatePropertyOptions {
+    timingFunction?: TimingFunction;
+    duration?: number;
+}
+/** Анимирует числовое свойство элемента */
+export declare const animateProperty: (property: 'scrollLeft', element: HTMLElement | null, to: number, options?: AnimatePropertyOptions) => (() => void);
+export {};

package/__inner__/esm/utils/animateProperty.js

@@ -0,0 +1,37 @@
+var timingFunctions = {
+    linear: function (time) { return time; },
+    'ease-in': function (time) { return Math.pow(time, 1.675); },
+    'ease-out': function (time) { return 1 - Math.pow((1 - time), 1.675); },
+    'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); }
+};
+/** Анимирует числовое свойство элемента */
+export var animateProperty = function (property, element, to, options) {
+    if (options === void 0) { options = {}; }
+    var from = element === null || element === void 0 ? void 0 : element[property];
+    var _a = options.timingFunction, timingFunction = _a === void 0 ? 'ease-in-out' : _a, _b = options.duration, duration = _b === void 0 ? 300 : _b;
+    var cancelled = false;
+    var start = null;
+    var cancel = function () {
+        cancelled = true;
+    };
+    if (!element || (!from && from !== 0))
+        return cancel;
+    var step = function (timestamp) {
+        if (cancelled)
+            return;
+        if (start === null) {
+            start = timestamp;
+        }
+        var time = Math.min(1, (timestamp - start) / duration);
+        var selectedTimingFunction = timingFunctions[timingFunction];
+        // eslint-disable-next-line no-param-reassign
+        element[property] = selectedTimingFunction(time) * (to - from) + from;
+        if (time >= 1)
+            return;
+        requestAnimationFrame(step);
+    };
+    if (from === to)
+        return cancel;
+    requestAnimationFrame(step);
+    return cancel;
+};

package/__inner__/esm/utils/classname.d.ts

@@ -0,0 +1 @@
+export declare const cn: import("@bem-react/classname").ClassNameInitilizer;

package/__inner__/esm/utils/classname.js

@@ -0,0 +1,2 @@
+import { withNaming } from '@bem-react/classname';
+export var cn = withNaming({ n: '', e: '-', m: '_', v: '_' });

package/__inner__/esm/utils/generateUniqKey.d.ts

@@ -0,0 +1,2 @@
+/** Функция генерации уникального ключа */
+export declare const generateUniqKey: (prefix?: string) => string;

package/__inner__/esm/utils/generateUniqKey.js

@@ -0,0 +1,7 @@
+/** Функция генерации уникального ключа */
+export var generateUniqKey = function (prefix) {
+    if (prefix === void 0) { prefix = ''; }
+    return "".concat(prefix).concat(Date.now().toString(32)).concat(Math.random()
+        .toString(16)
+        .replace('0.', ''));
+};

package/__inner__/esm/utils/getFocusableElements.d.ts

@@ -0,0 +1 @@
+export declare const getFocusableElements: (container: HTMLElement, selector?: string[]) => HTMLElement[];

package/__inner__/esm/utils/getFocusableElements.js

@@ -0,0 +1,14 @@
+var FOCUSABLE_SELECTOR = [
+    'input:not([tabindex="-1"])',
+    'select',
+    'textarea',
+    'a[href]',
+    'button',
+    '[tabindex]:not([tabindex="-1"])',
+    'audio[controls]',
+    'video[controls]',
+];
+export var getFocusableElements = function (container, selector) {
+    if (selector === void 0) { selector = FOCUSABLE_SELECTOR; }
+    return Array.from(container.querySelectorAll(selector.join(','))).filter(function (el) { return !el.hasAttribute('disabled'); });
+};

package/__inner__/esm/utils/getIconSizeToFormElement.d.ts

@@ -0,0 +1,3 @@
+import type { IconSize } from '@ozen-ui/icons';
+import type { FormElementSizeVariant } from '../types/FormElementSizeVariant';
+export declare const getIconSizeToFormElement: (size: FormElementSizeVariant) => IconSize;

package/__inner__/esm/utils/getIconSizeToFormElement.js

@@ -0,0 +1,8 @@
+var matchIconSizeToFormElement = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'm'
+};
+export var getIconSizeToFormElement = function (size) { return matchIconSizeToFormElement === null || matchIconSizeToFormElement === void 0 ? void 0 : matchIconSizeToFormElement[size]; };

package/__inner__/esm/utils/getNextIndex.d.ts

@@ -0,0 +1 @@
+export declare function getNextIndex(currentIndex: number, length: number): number;

package/__inner__/esm/utils/getNextIndex.js

@@ -0,0 +1,3 @@
+export function getNextIndex(currentIndex, length) {
+    return (currentIndex + 1) % length;
+}

package/__inner__/esm/utils/getPrevIndex.d.ts

@@ -0,0 +1 @@
+export declare function getPrevIndex(currentIndex: number, length: number): number;

package/__inner__/esm/utils/getPrevIndex.js

@@ -0,0 +1,3 @@
+export function getPrevIndex(currentIndex, length) {
+    return currentIndex - 1 < 0 ? length - 1 : currentIndex - 1;
+}

package/__inner__/esm/utils/isEmpty.d.ts

@@ -0,0 +1 @@
+export declare const isEmpty: (obj: Record<string, unknown>) => boolean;

package/__inner__/esm/utils/isEmpty.js

@@ -0,0 +1,3 @@
+export var isEmpty = function (obj) {
+    return Object.keys(obj).length === 0 && obj.constructor === Object;
+};

package/__inner__/esm/utils/isKey.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { KeyCode } from '../types/KeyCode';
+export declare const isKey: (event: KeyboardEvent | React.KeyboardEvent, key: KeyCode) => boolean;

package/__inner__/esm/utils/isKey.js

@@ -0,0 +1 @@
+export var isKey = function (event, key) { return event.key === key || event.code === key; };

package/__inner__/esm/utils/isNumber.d.ts

@@ -0,0 +1 @@
+export declare const isNumber: (data: unknown) => data is number;

package/__inner__/esm/utils/isNumber.js

@@ -0,0 +1,3 @@
+export var isNumber = function (data) {
+    return typeof data === 'number';
+};

package/__inner__/esm/utils/isPlainObject.d.ts

@@ -0,0 +1 @@
+export declare function isPlainObject(item: unknown): item is Record<string, unknown>;

package/__inner__/esm/utils/isPlainObject.js

@@ -0,0 +1,3 @@
+export function isPlainObject(item) {
+    return (item !== null && typeof item === 'object' && item.constructor === Object);
+}

package/__inner__/esm/utils/isString.d.ts

@@ -0,0 +1 @@
+export declare const isString: (data: unknown) => data is string;

package/__inner__/esm/utils/isString.js

@@ -0,0 +1,3 @@
+export var isString = function (data) {
+    return typeof data === 'string';
+};

package/__inner__/esm/utils/mergeDeep/index.d.ts

@@ -0,0 +1 @@
+export * from './mergeDeep';

package/__inner__/esm/utils/mergeDeep/index.js

@@ -0,0 +1 @@
+export * from './mergeDeep';

package/__inner__/esm/utils/mergeDeep/mergeDeep.d.ts

@@ -0,0 +1,4 @@
+export interface DeepmergeOptions {
+    clone?: boolean;
+}
+export declare const mergeDeep: <T>(target: T, source: unknown, options?: DeepmergeOptions) => T;

package/__inner__/esm/utils/mergeDeep/mergeDeep.js

@@ -0,0 +1,39 @@
+import { __assign } from "tslib";
+import { isPlainObject } from '../isPlainObject';
+function deepClone(source) {
+    if (!isPlainObject(source)) {
+        return source;
+    }
+    var output = {};
+    Object.keys(source).forEach(function (key) {
+        output[key] = deepClone(source[key]);
+    });
+    return output;
+}
+export var mergeDeep = function (target, source, options) {
+    if (options === void 0) { options = { clone: true }; }
+    var output = options.clone ? __assign({}, target) : target;
+    if (isPlainObject(target) && isPlainObject(source)) {
+        Object.keys(source).forEach(function (key) {
+            // Avoid prototype pollution
+            if (key === '__proto__') {
+                return;
+            }
+            if (isPlainObject(source[key]) &&
+                key in target &&
+                isPlainObject(target[key])) {
+                // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
+                output[key] = mergeDeep(target[key], source[key], options);
+            }
+            else if (options.clone) {
+                output[key] = isPlainObject(source[key])
+                    ? deepClone(source[key])
+                    : source[key];
+            }
+            else {
+                output[key] = source[key];
+            }
+        });
+    }
+    return output;
+};

package/__inner__/esm/utils/polymorphicComponentWithRef.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ComponentPropsWithRef, ElementType, ComponentPropsWithoutRef } from 'react';
+declare const defaultElement = "div";
+export type PolymorphicComponentPropsWithRef<Props, As extends ElementType> = Props & {
+    as?: As;
+} & Omit<ComponentPropsWithRef<As>, keyof Props>;
+export type PolymorphicComponentPropsWithoutRef<Props, As extends ElementType> = Props & {
+    as?: As;
+} & Omit<ComponentPropsWithoutRef<As>, keyof Props>;
+export type PolymorphicComponentRef<As extends ElementType> = ComponentPropsWithRef<As>['ref'];
+type ComponentWithAs<Props, DefaultTag extends ElementType = typeof defaultElement> = <As extends ElementType = DefaultTag>(props: PolymorphicComponentPropsWithRef<Props, As>) => React.ReactElement | null;
+export type PolymorphicComponentWithRef<Props, As extends ElementType> = ComponentWithAs<Props, As> & {
+    displayName?: string | undefined;
+};
+type ForwardRefWithAs<Props> = <As extends ElementType>(props: PolymorphicComponentPropsWithRef<Props, As>, ref: PolymorphicComponentRef<As>) => React.ReactElement | null;
+export declare function polymorphicComponentWithRef<Props, As extends ElementType = typeof defaultElement>(baseComponent: ForwardRefWithAs<Props>): PolymorphicComponentWithRef<Props, As>;
+export {};

package/__inner__/esm/utils/polymorphicComponentWithRef.js

@@ -0,0 +1,5 @@
+import { forwardRef } from 'react';
+var defaultElement = 'div';
+export function polymorphicComponentWithRef(baseComponent) {
+    return forwardRef(baseComponent);
+}

package/__inner__/esm/utils/scrollContainerToElement.d.ts

@@ -0,0 +1,7 @@
+type ScrollContainerToElement = {
+    container?: HTMLElement;
+    element?: HTMLElement;
+    behavior?: ScrollBehavior;
+};
+export declare function scrollContainerToElement({ container, element, behavior, }: ScrollContainerToElement): void;
+export {};

package/__inner__/esm/utils/scrollContainerToElement.js

@@ -0,0 +1,23 @@
+export function scrollContainerToElement(_a) {
+    var container = _a.container, element = _a.element, _b = _a.behavior, behavior = _b === void 0 ? 'smooth' : _b;
+    if (!container || !element) {
+        return;
+    }
+    if (container.clientHeight >= container.scrollHeight) {
+        return;
+    }
+    var scrollBottom = container.clientHeight + container.scrollTop;
+    var elementBottom = element.offsetTop + element.offsetHeight;
+    if (elementBottom > scrollBottom) {
+        container.scrollTo({
+            behavior: behavior,
+            top: elementBottom - container.clientHeight
+        });
+    }
+    else if (element.offsetTop - element.offsetHeight < container.scrollTop) {
+        container.scrollTo({
+            behavior: behavior,
+            top: element.offsetTop - element.offsetHeight
+        });
+    }
+}

package/__inner__/esm/utils/test-utils.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+import { type RenderResult, type RenderOptions } from '@testing-library/react';
+export type RenderFn = (component: ReactElement, options?: RenderOptions) => RenderResult;
+export type MatchesFn = (component: ReactElement, options?: RenderOptions) => ChildNode | HTMLCollection | null;
+export declare const render: RenderFn;
+declare const matches: MatchesFn;
+export default matches;

package/__inner__/esm/utils/test-utils.js

@@ -0,0 +1,22 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import React from 'react';
+import { render as renderTest, } from '@testing-library/react';
+import { ThemeProvider, themeOzenDefault } from '../components/ThemeProvider';
+var WithProviders = function (_a) {
+    var children = _a.children;
+    return (React.createElement(ThemeProvider, { theme: themeOzenDefault }, children));
+};
+export var render = function (component, options) {
+    return renderTest(component, __assign({ wrapper: WithProviders }, options));
+};
+var matches = function () {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var container = render.apply(void 0, __spreadArray([], __read(args), false)).container;
+    return container.children.length > 1
+        ? container.children
+        : container.firstChild;
+};
+export default matches;

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@ozen-ui/kit",
+  "version": "0.0.1",
+  "description": "React component library",
+  "files": [
+    "*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "Özen-UI",
+    "Bereke Bank UI Kit",
+    "Design system",
+    "React",
+    "React Component Library"
+  ],
+  "author": "Bereke Bank",
+  "license": "MIT",
+  "dependencies": {
+    "@bem-react/classname": "^1.6.0",
+    "@bem-react/classnames": "^1.3.10",
+    "@ozen-ui/fonts": "latest",
+    "@ozen-ui/icons": "latest",
+    "@popperjs/core": "^2.11.8",
+    "decimal.js": "^10.4.3",
+    "react-is": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-transition-group": "^4.4.5",
+    "tslib": "^2.6.0"
+  },
+  "peerDependencies": {
+    "@ozen-ui/fonts": "latest",
+    "@ozen-ui/icons": "latest",
+    "react": ">=17.0.2 <19.0.0",
+    "react-dom": ">=17.0.2 <19.0.0"
+  }
+}

package/useBoolean/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useBoolean/index.js",
+	"module": "../__inner__/esm/hooks/useBoolean/index.js",
+	"types": "../__inner__/esm/hooks/useBoolean/index.d.ts"
+}

package/useBreakpoints/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useBreakpoints/index.js",
+	"module": "../__inner__/esm/hooks/useBreakpoints/index.js",
+	"types": "../__inner__/esm/hooks/useBreakpoints/index.d.ts"
+}

package/useClickOutside/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useClickOutside/index.js",
+	"module": "../__inner__/esm/hooks/useClickOutside/index.js",
+	"types": "../__inner__/esm/hooks/useClickOutside/index.d.ts"
+}

package/useControlled/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useControlled/index.js",
+	"module": "../__inner__/esm/hooks/useControlled/index.js",
+	"types": "../__inner__/esm/hooks/useControlled/index.d.ts"
+}

package/useCounter/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useCounter/index.js",
+	"module": "../__inner__/esm/hooks/useCounter/index.js",
+	"types": "../__inner__/esm/hooks/useCounter/index.d.ts"
+}

package/useDebounceCallback/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useDebounceCallback/index.js",
+	"module": "../__inner__/esm/hooks/useDebounceCallback/index.js",
+	"types": "../__inner__/esm/hooks/useDebounceCallback/index.d.ts"
+}

package/useEventListener/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useEventListener/index.js",
+	"module": "../__inner__/esm/hooks/useEventListener/index.js",
+	"types": "../__inner__/esm/hooks/useEventListener/index.d.ts"
+}

package/useFocusList/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useFocusList/index.js",
+	"module": "../__inner__/esm/hooks/useFocusList/index.js",
+	"types": "../__inner__/esm/hooks/useFocusList/index.d.ts"
+}

package/useFocusTrap/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useFocusTrap/index.js",
+	"module": "../__inner__/esm/hooks/useFocusTrap/index.js",
+	"types": "../__inner__/esm/hooks/useFocusTrap/index.d.ts"
+}

package/useInterval/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useInterval/index.js",
+	"module": "../__inner__/esm/hooks/useInterval/index.js",
+	"types": "../__inner__/esm/hooks/useInterval/index.d.ts"
+}

package/useIsomorphicEffect/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useIsomorphicEffect/index.js",
+	"module": "../__inner__/esm/hooks/useIsomorphicEffect/index.js",
+	"types": "../__inner__/esm/hooks/useIsomorphicEffect/index.d.ts"
+}

package/useMultiRef/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useMultiRef/index.js",
+	"module": "../__inner__/esm/hooks/useMultiRef/index.js",
+	"types": "../__inner__/esm/hooks/useMultiRef/index.d.ts"
+}

package/usePrevious/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/usePrevious/index.js",
+	"module": "../__inner__/esm/hooks/usePrevious/index.js",
+	"types": "../__inner__/esm/hooks/usePrevious/index.d.ts"
+}

package/useThemeProps/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useThemeProps/index.js",
+	"module": "../__inner__/esm/hooks/useThemeProps/index.js",
+	"types": "../__inner__/esm/hooks/useThemeProps/index.d.ts"
+}

package/useThemeVars/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useThemeVars/index.js",
+	"module": "../__inner__/esm/hooks/useThemeVars/index.js",
+	"types": "../__inner__/esm/hooks/useThemeVars/index.d.ts"
+}

package/useTimer/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useTimer/index.js",
+	"module": "../__inner__/esm/hooks/useTimer/index.js",
+	"types": "../__inner__/esm/hooks/useTimer/index.d.ts"
+}

package/useUniqueId/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/hooks/useUniqueId/index.js",
+	"module": "../__inner__/esm/hooks/useUniqueId/index.js",
+	"types": "../__inner__/esm/hooks/useUniqueId/index.d.ts"
+}