chili-ui 0.0.1

package/dist/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../leda/components/Table/Table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,CAAC,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAyB,CAAC"}

package/dist/components/Table/Td.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+import type { TdProps } from './types';
+export declare const Td: React.FC<TdProps>;

package/dist/components/Table/Td.js

@@ -0,0 +1,3 @@
+import { htmlTagFactory } from '../../src/HTMLTagsFactory';
+export const Td = htmlTagFactory('Td');
+//# sourceMappingURL=Td.js.map

package/dist/components/Table/Td.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Td.js","sourceRoot":"","sources":["../../../leda/components/Table/Td.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,CAAC,MAAM,EAAE,GAAG,cAAc,CAAC,IAAI,CAAsB,CAAC"}

package/dist/components/Table/Th.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+import type { ThProps } from './types';
+export declare const Th: React.FC<ThProps>;

package/dist/components/Table/Th.js

@@ -0,0 +1,3 @@
+import { htmlTagFactory } from '../../src/HTMLTagsFactory';
+export const Th = htmlTagFactory('Th');
+//# sourceMappingURL=Th.js.map

package/dist/components/Table/Th.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Th.js","sourceRoot":"","sources":["../../../leda/components/Table/Th.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,CAAC,MAAM,EAAE,GAAG,cAAc,CAAC,IAAI,CAAsB,CAAC"}

package/dist/components/Table/Tr.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+import type { TrProps } from './types';
+export declare const Tr: React.FC<TrProps>;

package/dist/components/Table/Tr.js

@@ -0,0 +1,3 @@
+import { htmlTagFactory } from '../../src/HTMLTagsFactory';
+export const Tr = htmlTagFactory('Tr');
+//# sourceMappingURL=Tr.js.map

package/dist/components/Table/Tr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tr.js","sourceRoot":"","sources":["../../../leda/components/Table/Tr.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,CAAC,MAAM,EAAE,GAAG,cAAc,CAAC,IAAI,CAAsB,CAAC"}

package/dist/components/Table/index.d.ts

@@ -0,0 +1,9 @@
+export { Col } from './Col';
+export { ColGroup } from './ColGroup';
+export { Table } from './Table';
+export { TBody } from './TBody';
+export { Td } from './Td';
+export { Th } from './Th';
+export { THead } from './THead';
+export { TFoot } from './TFoot';
+export { Tr } from './Tr';

package/dist/components/Table/index.js

@@ -0,0 +1,10 @@
+export { Col } from './Col';
+export { ColGroup } from './ColGroup';
+export { Table } from './Table';
+export { TBody } from './TBody';
+export { Td } from './Td';
+export { Th } from './Th';
+export { THead } from './THead';
+export { TFoot } from './TFoot';
+export { Tr } from './Tr';
+//# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC"}

package/dist/components/Table/types.d.ts

@@ -0,0 +1,55 @@
+import type * as React from 'react';
+export interface TrProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface THeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface ThProps extends React.HTMLAttributes<HTMLTableHeaderCellElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface TFootProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface TdProps extends React.HTMLAttributes<HTMLTableDataCellElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface TBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface ColGroupProps extends React.HTMLAttributes<HTMLTableColElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}
+export interface ColProps extends React.HTMLAttributes<HTMLTableColElement> {
+    ref?: React.Ref<HTMLElement>;
+    shouldRender?: boolean;
+    children?: React.ReactNode;
+    [x: string]: unknown;
+}

package/dist/components/Table/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../leda/components/Table/types.ts"],"names":[],"mappings":""}

package/dist/components/Tabs/ContentElement.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { ContentProps } from './types';
+export declare const ContentElement: (props: ContentProps) => React.ReactElement | null;

package/dist/components/Tabs/ContentElement.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ReactDOM from 'react-dom';
+import { Div } from '../Div';
+export const ContentElement = (props) => {
+    const { children, tabContentNode } = props, restProps = __rest(props, ["children", "tabContentNode"]);
+    if (tabContentNode === undefined) {
+        return _jsx(Div, Object.assign({}, restProps, { children: children }));
+    }
+    if (tabContentNode)
+        return ReactDOM.createPortal(children, tabContentNode);
+    return null;
+};
+//# sourceMappingURL=ContentElement.js.map

package/dist/components/Tabs/ContentElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentElement.js","sourceRoot":"","sources":["../../../leda/components/Tabs/ContentElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAmB,EAA6B,EAAE;IAC/E,MAAM,EACJ,QAAQ,EAAE,cAAc,KACtB,KAAK,EADsB,SAAS,UACpC,KAAK,EAFH,8BAEL,CAAQ,CAAC;IAEV,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QACjC,OAAO,KAAC,GAAG,oBAAK,SAAS,cAAG,QAAQ,IAAO,CAAC;IAC9C,CAAC;IAED,IAAI,cAAc;QAAE,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/components/Tabs/ScrollArrows.d.ts

@@ -0,0 +1,3 @@
+import type { ArrowProps } from './types';
+export declare const ArrowRight: ({ onClick, theme }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowLeft: ({ onClick, theme }: ArrowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/ScrollArrows.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon } from '../Icon';
+import { IconTypes } from '../..';
+export const ArrowRight = ({ onClick, theme }) => (_jsx(Icon, { icon: IconTypes.Icons.ChevronRight, className: theme === null || theme === void 0 ? void 0 : theme.arrowRight, onClick: onClick }));
+export const ArrowLeft = ({ onClick, theme }) => (_jsx(Icon, { icon: IconTypes.Icons.ChevronLeft, onClick: onClick, className: theme === null || theme === void 0 ? void 0 : theme.arrowLeft }));
+//# sourceMappingURL=ScrollArrows.js.map

package/dist/components/Tabs/ScrollArrows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArrows.js","sourceRoot":"","sources":["../../../leda/components/Tabs/ScrollArrows.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAc,EAAE,EAAE,CAAC,CAC5D,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,YAAY,EAClC,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAC5B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAc,EAAE,EAAE,CAAC,CAC3D,KAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,WAAW,EACjC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,GAC3B,CACH,CAAC"}

package/dist/components/Tabs/Tab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TabProps } from './types';
+export declare const Tab: React.FC<TabProps>;

package/dist/components/Tabs/Tab.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { getClassNames, useElement, useProps, } from '../../utils';
+import { Li } from '../Li';
+import { TabsContext } from './TabsContext';
+export const Tab = React.forwardRef((props, ref) => {
+    const { onTabSelect, activeTabKey, theme: parentTheme, tabRender: parentTabRender, } = React.useContext(TabsContext);
+    const { isDisabled, tabKey, title, className, theme: themeProp, tabRender: childTabRender, } = useProps(props);
+    const tabRender = childTabRender !== null && childTabRender !== void 0 ? childTabRender : parentTabRender;
+    // the theme passed to the tab overrides the parent theme and the default theme
+    const theme = Object.assign(Object.assign({}, parentTheme), themeProp);
+    const isTabActive = tabKey === activeTabKey;
+    const combinedClassNames = getClassNames(theme.tab, { [theme.tabActive]: isTabActive }, { [theme.tabDisabled]: isDisabled }, className);
+    const TabItem = useElement('TabItem', Li, tabRender, props);
+    const handleClick = React.useCallback((event) => {
+        if (!isDisabled) {
+            onTabSelect(event, tabKey);
+        }
+    }, [onTabSelect, isDisabled, tabKey]);
+    return (_jsx(TabItem, { className: combinedClassNames, onClick: handleClick, ref: ref, children: title }));
+});
+Tab.displayName = 'Tab';
+//# sourceMappingURL=Tab.js.map

package/dist/components/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../leda/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,aAAa,EAAE,UAAU,EAAE,QAAQ,GACpC,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAe,EAAE,GAA2B,EAAsB,EAAE;IACvG,MAAM,EACJ,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,GAC1E,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAElC,MAAM,EACJ,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,GAClF,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,eAAe,CAAC;IAEpD,+EAA+E;IAC/E,MAAM,KAAK,mCAAQ,WAAW,GAAK,SAAS,CAAE,CAAC;IAE/C,MAAM,WAAW,GAAG,MAAM,KAAK,YAAY,CAAC;IAE5C,MAAM,kBAAkB,GAAG,aAAa,CACtC,KAAK,CAAC,GAAG,EACT,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,EAClC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,EACnC,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,EACF,SAAS,EACT,KAAK,CACN,CAAC;IAEF,MAAM,WAAW,GAA2C,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;QACtF,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,kBAAkB,EAC7B,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,GAAG,YAEP,KAAK,GACE,CACX,CAAC;AACJ,CAAC,CAAuB,CAAC;AAEzB,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/components/Tabs/TabContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TabContentProps } from './types';
+export declare const TabContent: (props: TabContentProps) => React.ReactElement | null;

package/dist/components/Tabs/TabContent.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { isNil } from 'lodash';
+export const TabContent = (props) => {
+    // if children are not passed - the function will return an empty array
+    const children = React.Children.toArray(props.children);
+    // search for the selected tab
+    const selectedTab = children.find((child) => React.isValidElement(child) && child.props.tabKey === props.activeTabKey);
+    // render the content of the selected tab
+    return React.isValidElement(selectedTab) && !isNil(selectedTab.props.children)
+        ? selectedTab.props.children
+        : null;
+};
+//# sourceMappingURL=TabContent.js.map

package/dist/components/Tabs/TabContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../leda/components/Tabs/TabContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAA6B,EAAE;IAC9E,uEAAuE;IACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxD,8BAA8B;IAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IACvH,yCAAyC;IACzC,OAAO,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC5E,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ;QAC5B,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TabsProps } from './types';
+export declare const Tabs: React.FC<TabsProps>;

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import isNil from 'lodash/isNil';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { createSelectHandler } from './handlers';
+import { useCustomElements, useTabsScroll } from './hooks';
+import { TabContent } from './TabContent';
+import { Tab } from './Tab';
+import { getClassNames, useProps, useTheme, } from '../../utils';
+import { TabsContext } from './TabsContext';
+import { ArrowLeft, ArrowRight } from './ScrollArrows';
+import { Div } from '../Div';
+export const Tabs = React.forwardRef((props, ref) => {
+    const { theme: themeProp, activeTabKey: activeTabKeyProp, children, className, shouldScrollTabs, style, tabContentNode, tabRender, } = useProps(props);
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.tabs);
+    const [activeTabKeyState, setActiveTabKeyState] = React.useState(0);
+    // if activeTabKey is not passed - work in uncontrolled mode
+    const activeTabKey = isNil(activeTabKeyProp)
+        ? activeTabKeyState
+        : activeTabKeyProp;
+    const handleSelect = createSelectHandler(props, activeTabKeyState, setActiveTabKeyState);
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    const tabsContext = {
+        activeTabKey, onTabSelect: handleSelect, theme, tabRender,
+    };
+    const combinedClassNames = getClassNames(theme.wrapper, className);
+    const { Wrapper, Content, Heading, } = useCustomElements(props, { activeTabKey: activeTabKeyState });
+    const { containerRef, hasScroll, hasLeftArrow, hasRightArrow, onRightClick, onLeftClick, } = useTabsScroll({ shouldScrollTabs, theme });
+    const containerClassNames = getClassNames(theme.container, hasScroll && theme.scroll);
+    const headingClassNames = getClassNames(theme.tabsBar, shouldScrollTabs && theme.scroll);
+    if (!children)
+        return null;
+    return (_jsxs(Wrapper, { className: combinedClassNames, style: style, ref: ref, children: [_jsxs(Div, { ref: containerRef, className: containerClassNames, children: [hasLeftArrow && (_jsx(ArrowLeft, { onClick: onLeftClick, theme: theme })), hasRightArrow && (_jsx(ArrowRight, { onClick: onRightClick, theme: theme })), _jsx(Heading, { className: headingClassNames, children: _jsx(TabsContext.Provider, { value: tabsContext, children: React.Children.map(children, (child) => {
+                                if (!React.isValidElement(child))
+                                    return null;
+                                return (_jsx(Tab, Object.assign({}, child.props)));
+                            }) }) })] }), _jsx(Content, { className: theme.content, tabContentNode: tabContentNode, children: _jsx(TabContent, { activeTabKey: activeTabKey, children: children }, activeTabKey) })] }));
+});
+Tabs.displayName = 'Tabs';
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../leda/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tabs/TabsContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TabsContextType } from './types';
+export declare const TabsContext: React.Context<TabsContextType>;

package/dist/components/Tabs/TabsContext.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { globalDefaultTheme } from '../LedaProvider';
+export const TabsContext = React.createContext({
+    onTabSelect: () => { },
+    activeTabKey: 0,
+    theme: globalDefaultTheme[COMPONENTS_NAMESPACES.tabs],
+});
+//# sourceMappingURL=TabsContext.js.map

package/dist/components/Tabs/TabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.js","sourceRoot":"","sources":["../../../leda/components/Tabs/TabsContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC9D,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IACrB,YAAY,EAAE,CAAC;IACf,KAAK,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,IAAI,CAAC;CACtD,CAAC,CAAC"}

package/dist/components/Tabs/handlers.d.ts

@@ -0,0 +1,2 @@
+import type { CreateSelectHandler } from './types';
+export declare const createSelectHandler: CreateSelectHandler;

package/dist/components/Tabs/handlers.js

@@ -0,0 +1,15 @@
+import { isNil } from 'lodash';
+export const createSelectHandler = (props, activeTabKeyState, setActiveTabKeyState) => (ev, tabKey) => {
+    const { activeTabKey, onChange } = props;
+    // If activeTabKey is not passed - use state
+    if (isNil(activeTabKey)) {
+        setActiveTabKeyState(tabKey);
+    }
+    if (onChange) {
+        const customEvent = Object.assign(Object.assign({}, ev), { component: {
+                value: tabKey,
+            } });
+        onChange(customEvent);
+    }
+};
+//# sourceMappingURL=handlers.js.map

package/dist/components/Tabs/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../leda/components/Tabs/handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,MAAM,CAAC,MAAM,mBAAmB,GAAwB,CAAC,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE;IACzH,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzC,4CAA4C;IAC5C,IAAI,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;QACxB,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,WAAW,mCACZ,EAAE,KACL,SAAS,EAAE;gBACT,KAAK,EAAE,MAAM;aACd,GACF,CAAC;QAEF,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/Tabs/helpers.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=helpers.js.map

package/dist/components/Tabs/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../leda/components/Tabs/helpers.tsx"],"names":[],"mappings":""}

package/dist/components/Tabs/hooks.d.ts

@@ -0,0 +1,5 @@
+import type { CustomElements, TabsProps, TabsScroll, TabsScrollProps } from './types';
+export declare const useCustomElements: (props: TabsProps, state: {
+    activeTabKey: string | number;
+}) => CustomElements;
+export declare const useTabsScroll: ({ shouldScrollTabs, theme }: TabsScrollProps) => TabsScroll;

package/dist/components/Tabs/hooks.js

@@ -0,0 +1,88 @@
+import * as React from 'react';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { useElement, useElementRef } from '../../utils';
+import { Div } from '../Div';
+import { LedaContext } from '../LedaProvider';
+import { Ul } from '../Ul';
+import { ContentElement } from './ContentElement';
+export const useCustomElements = (props, state) => {
+    const { renders: { [COMPONENTS_NAMESPACES.tabs]: tabsRenders } } = React.useContext(LedaContext);
+    const { wrapperRender, contentRender, headingRender, } = props;
+    const Wrapper = useElement('Wrapper', Div, wrapperRender || tabsRenders.wrapperRender, props, state);
+    const Content = useElement('Content', ContentElement, contentRender || tabsRenders.contentRender, props, state);
+    const Heading = useElement('Heading', Ul, headingRender || tabsRenders.headerRender, props, state);
+    return {
+        Wrapper,
+        Content,
+        Heading,
+    };
+};
+export const useTabsScroll = ({ shouldScrollTabs, theme }) => {
+    const [Element, containerRef] = useElementRef();
+    const [hasScroll, setHasScroll] = React.useState(false);
+    const [hasLeftArrow, setHasLeftArrow] = React.useState(false);
+    const [hasRightArrow, setHasRightArrow] = React.useState(false);
+    const mainElementRect = Element === null || Element === void 0 ? void 0 : Element.getBoundingClientRect();
+    const tabsContainer = Element === null || Element === void 0 ? void 0 : Element.querySelector(`.${theme.tabsBar}`);
+    const tabs = Element === null || Element === void 0 ? void 0 : Element.querySelectorAll(`.${theme.tab}`);
+    const elementRect = Element === null || Element === void 0 ? void 0 : Element.getBoundingClientRect();
+    const setScrollControls = () => {
+        if (shouldScrollTabs && Element && elementRect && tabsContainer) {
+            const tabsContainerRect = tabsContainer.getBoundingClientRect();
+            if (tabsContainerRect.width > elementRect.width) {
+                setHasScroll(true);
+                setHasLeftArrow(tabsContainerRect.left < elementRect.left);
+                setHasRightArrow(Math.round(tabsContainerRect.right) > elementRect.right);
+            }
+        }
+    };
+    const onRightClick = () => {
+        if (tabsContainer == null || mainElementRect == null)
+            return;
+        if (tabs === undefined)
+            return;
+        const tabCrossingRightBorder = [...tabs].find((el) => el.getBoundingClientRect().right > mainElementRect.right);
+        if (tabCrossingRightBorder == null)
+            return;
+        const tabShift = tabCrossingRightBorder.getBoundingClientRect().right - mainElementRect.right;
+        const leftShift = Math.abs(tabsContainer.getBoundingClientRect().left - mainElementRect.left);
+        Element === null || Element === void 0 ? void 0 : Element.scrollTo({
+            top: mainElementRect.top,
+            left: mainElementRect.left + tabShift + leftShift,
+            behavior: 'smooth',
+        });
+    };
+    const onLeftClick = () => {
+        if (tabsContainer == null || mainElementRect == null)
+            return;
+        if (tabs === undefined)
+            return;
+        const tabCrossingLeftBorder = [...tabs].reverse().find((el) => el.getBoundingClientRect().left < mainElementRect.left);
+        if (tabCrossingLeftBorder == null)
+            return;
+        const tabShift = Math.ceil(Math.abs(tabCrossingLeftBorder.getBoundingClientRect().left - mainElementRect.left));
+        const leftShift = Math.abs(tabsContainer.getBoundingClientRect().left - mainElementRect.left);
+        Element === null || Element === void 0 ? void 0 : Element.scrollTo({
+            top: mainElementRect.top,
+            left: leftShift - tabShift,
+            behavior: 'smooth',
+        });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    React.useEffect(setScrollControls, [Element]);
+    React.useEffect(() => {
+        Element === null || Element === void 0 ? void 0 : Element.addEventListener('scroll', setScrollControls);
+        return () => {
+            Element === null || Element === void 0 ? void 0 : Element.removeEventListener('scroll', setScrollControls);
+        };
+    });
+    return {
+        containerRef,
+        hasLeftArrow,
+        hasRightArrow,
+        hasScroll,
+        onLeftClick,
+        onRightClick,
+    };
+};
+//# sourceMappingURL=hooks.js.map

package/dist/components/Tabs/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../leda/components/Tabs/hooks.ts"],"names":[],"mappings":"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"}

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs';
+export { Tab } from './Tab';

package/dist/components/Tabs/index.js

@@ -0,0 +1,3 @@
+export { Tabs } from './Tabs';
+export { Tab } from './Tab';
+//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/components/Tabs/theme.d.ts

@@ -0,0 +1,12 @@
+export declare const defaultTabsTheme: {
+    arrowLeft: string;
+    arrowRight: string;
+    container: string;
+    content: string;
+    scroll: string;
+    tab: string;
+    tabActive: string;
+    tabDisabled: string;
+    tabsBar: string;
+    wrapper: string;
+};

package/dist/components/Tabs/theme.js

@@ -0,0 +1,15 @@
+/* eslint-disable key-spacing */
+export const defaultTabsTheme = {
+    arrowLeft: 'ld-tabs-arrow ld-tabs-arrow-left',
+    arrowRight: 'ld-tabs-arrow ld-tabs-arrow-right',
+    container: 'ld-tabs-container',
+    content: 'ld-tabs-content',
+    scroll: 'ld-tab-scroll',
+    tab: 'ld-tab',
+    tabActive: 'ld-tab-active',
+    tabDisabled: 'ld-tab-disabled',
+    tabsBar: 'ld-tabs-bar',
+    wrapper: 'ld-tabs-wrapper',
+};
+/* eslint-enable key-spacing */
+//# sourceMappingURL=theme.js.map

package/dist/components/Tabs/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../leda/components/Tabs/theme.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAiB,kCAAkC;IAC5D,UAAU,EAAgB,mCAAmC;IAC7D,SAAS,EAAiB,mBAAmB;IAC7C,OAAO,EAAmB,iBAAiB;IAC3C,MAAM,EAAoB,eAAe;IACzC,GAAG,EAAuB,QAAQ;IAClC,SAAS,EAAiB,eAAe;IACzC,WAAW,EAAe,iBAAiB;IAC3C,OAAO,EAAmB,aAAa;IACvC,OAAO,EAAmB,iBAAiB;CAC5C,CAAC;AACF,+BAA+B"}

package/dist/components/Tabs/types.d.ts

@@ -0,0 +1,110 @@
+import type React from 'react';
+import type { CustomRender } from '../../commonTypes';
+import type { COMPONENTS_NAMESPACES } from '../../constants';
+import type { GlobalDefaultTheme, PartialGlobalDefaultTheme } from '../../utils/useTheme';
+import type { LiProps } from '../Li';
+import type { defaultTabsTheme } from './theme';
+export interface TabsProps {
+    /** Active tab number */
+    activeTabKey?: string | number;
+    /** Tabs */
+    children?: React.ReactNode;
+    /** Content customizator */
+    contentRender?: CustomRender<TabsProps, TabsState, ContentProps>;
+    /** Heading customizator */
+    headingRender?: CustomRender<TabsProps, TabsState, HeadingProps>;
+    /** Tab change handler */
+    onChange?: (event: ChangeEvent) => void;
+    /** Reference */
+    ref?: React.Ref<HTMLElement>;
+    /** Horizontal tabs scroll if there are too many tabs */
+    shouldScrollTabs?: boolean;
+    /** DOM-node to put tab content in */
+    tabContentNode?: HTMLElement | null;
+    /** Tab customizator */
+    tabRender?: CustomRender<TabProps, Record<string, never>, LiProps>;
+    /** Theme */
+    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.tabs];
+    /** Wrapper customizator */
+    wrapperRender?: CustomRender<TabsProps, TabsState, WrapperProps>;
+    /** _css-class-names */
+    [x: string]: unknown;
+}
+export interface TabsState {
+    activeTabKey: string | number;
+}
+export type TabProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {
+    /** Tab content */
+    children?: React.ReactNode;
+    /** In case you want the tab to be disabled */
+    isDisabled?: boolean;
+    /** Tab number. Numbering from 0, because the onSelect handler of the Tabs comoponent returns the tab number starting from 0 */
+    tabKey: string | number;
+    /** Tab customizator */
+    tabRender?: CustomRender<TabProps, Record<string, never>, LiProps>;
+    /** Theme */
+    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.tabs];
+    /** Title */
+    title: React.ReactNode;
+    /** _css-class-names */
+    [x: string]: unknown;
+};
+export interface TabsContextType {
+    activeTabKey: string | number;
+    onTabSelect: SelectHandler;
+    tabRender?: CustomRender<TabProps, Record<string, never>, LiProps>;
+    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.tabs];
+}
+export interface SelectHandler {
+    (ev: React.MouseEvent<HTMLLIElement>, tabKey: string | number): void;
+}
+export interface CreateSelectHandler {
+    (props: TabsProps, activeTabKey: string | number, setActiveTabKey: React.Dispatch<React.SetStateAction<string | number>>): SelectHandler;
+}
+export interface TabContentProps {
+    /** EventKey of the selected tab */
+    activeTabKey: string | number;
+    /** Nested elements */
+    children?: React.ReactNode;
+}
+export interface ChangeEvent extends React.MouseEvent {
+    component: {
+        value: string | number;
+    };
+}
+export interface WrapperProps {
+    className?: string;
+    style?: React.CSSProperties;
+    ref?: React.Ref<HTMLElement>;
+    children?: React.ReactNode;
+}
+export interface ContentProps {
+    className?: string;
+    children?: React.ReactNode;
+    tabContentNode?: Element | null;
+}
+export interface HeadingProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface CustomElements {
+    Wrapper: React.FC<WrapperProps>;
+    Content: React.FC<ContentProps>;
+    Heading: React.FC<HeadingProps>;
+}
+export interface ArrowProps {
+    onClick: React.MouseEventHandler;
+    theme: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.tabs];
+}
+export interface TabsScroll {
+    containerRef: React.Ref<HTMLElement>;
+    hasScroll: boolean;
+    hasLeftArrow: boolean;
+    hasRightArrow: boolean;
+    onRightClick: React.MouseEventHandler;
+    onLeftClick: React.MouseEventHandler;
+}
+export interface TabsScrollProps {
+    shouldScrollTabs?: boolean;
+    theme: typeof defaultTabsTheme;
+}

package/dist/components/Tabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map