mosuk-ui 1.0.4 → 1.0.6

package/components/actions/toggle/component/button/component.js

@@ -46,7 +46,7 @@ export function ToggleButton(_a) {
         (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
     }, [onChange, value, rest === null || rest === void 0 ? void 0 : rest.onClick]);
     var active = value === activeValue;
-    return (React.createElement(Button, __assign({}, rest, { as: Component, ref: setRef, type: (rest === null || rest === void 0 ? void 0 : rest.type) || 'button', onClick: handleClick, className: classNames('mosuk-toggle-button', styles.button, (_b = {},
+    return (React.createElement(Button, __assign({}, rest, { as: Component, ref: setRef, type: (rest === null || rest === void 0 ? void 0 : rest.type) || 'button', onClick: handleClick, "data-value": value, className: classNames('mosuk-toggle-button', styles.button, (_b = {},
             _b[styles.active] = active,
             _b), rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/forms/fieldset/component/components/hint/component.js

@@ -27,7 +27,7 @@ import styles from '../../component.module.css';
 import { FieldsetHintType } from './component.enums';
 export function FieldsetHint(_a) {
     var as = _a.as, type = _a.type, rest = __rest(_a, ["as", "type"]);
-    var Component = (as || Hint);
+    var Component = Hint;
     var hintType = type !== null && type !== void 0 ? type : FieldsetHintType.INFO;
     return (React.createElement(Component, __assign({}, rest, { type: hintType, className: classNames('mosuk-fieldset-hint', styles.hint, styles[hintType], rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
 }

package/components/integrations/yandex/maps/component/marker/component.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { YandexMapMarkerProps } from './component.interface';
-export declare function YandexMapMarker({ coordinates, children, ...props }: YandexMapMarkerProps): React.JSX.Element | null;
+export declare function YandexMapMarker({ coordinates, children, ...rest }: YandexMapMarkerProps): React.JSX.Element | null;

package/components/integrations/yandex/maps/component/marker/component.js

@@ -23,10 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useContext } from 'react';
 import { YandexMapContext } from '../../../../../../providers/yandex/maps/context/context';
 export function YandexMapMarker(_a) {
-    var coordinates = _a.coordinates, children = _a.children, props = __rest(_a, ["coordinates", "children"]);
+    var coordinates = _a.coordinates, children = _a.children, rest = __rest(_a, ["coordinates", "children"]);
     var context = useContext(YandexMapContext);
     if (!context || !context.api)
         return null;
     var YMapMarker = context.api.YMapMarker;
-    return (React.createElement(YMapMarker, __assign({ coordinates: coordinates }, props), children));
+    return (React.createElement(YMapMarker, __assign({ coordinates: coordinates }, rest), children));
 }

package/components/layouts/tabbar/component/component.module.css

@@ -24,97 +24,6 @@
             translate: 0 calc(0% + var(--progress, 0%) * 0.1);
         }
 
-        .tabs {
-            position: relative;
-
-            width: 100%;
-            height: 100%;
-
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            gap: calc(var(--spacing, .25rem) * 1);
-        }
-
-        .tab {
-            overflow: hidden;
-            position: relative;
-            z-index: 1;
-
-            width: calc(var(--spacing, .25rem) * 20);
-            height: 100%;
-
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            gap: calc(var(--spacing, .25rem) * 1);
-
-            font-size: var(--text-2xs, 0.625rem);
-            text-overflow: ellipsis;
-            white-space: nowrap;
-
-            padding: calc(var(--spacing, .25rem) * 4);
-            border-radius: calc(infinity * 1px);
-
-            cursor: pointer;
-            transition: all 200ms ease-in-out;
-
-            svg {
-                width: calc(var(--spacing, .25rem) * 5);
-                height: calc(var(--spacing, .25rem) * 5);
-                min-width: calc(var(--spacing, .25rem) * 5);
-                min-height: calc(var(--spacing, .25rem) * 5);
-
-                color: var(--color-gray-500, oklch(0.551 0.027 264.364));
-
-                transition: all 200ms ease-in-out;
-            }
-
-            &:hover,
-            &.active {
-                color: var(--color-primary-500, #0074e7);
-
-                svg {
-                    color: var(--color-primary-500, #0074e7);
-                }
-            }
-
-            &:not(:hover) {
-                transition: all 600ms ease-in-out;
-
-                svg {
-                    transition: all 600ms ease-in-out;
-                }
-            }
-
-            &:disabled {
-                opacity: 0.5;
-                cursor: not-allowed;
-                pointer-events: none;
-            }
-        }
-
-        .indicator {
-            position: absolute;
-            top: 0;
-            left: 0;
-            z-index: 0;
-
-            width: var(--indicator-width, calc(var(--spacing, .25rem) * 20));
-            height: 100%;
-
-            background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
-            border-radius: calc(infinity * 1px);
-
-            transform: translateX(var(--indicator-offset, 0px));
-
-            transition-property: transform, width;
-            transition-duration: 400ms;
-            /* +200 ms default delay */
-            transition-timing-function: ease-out;
-        }
-
         @media (min-width: 1024px) {
             .tabbar {
                 display: none;

package/components/layouts/tabbar/component/index.d.ts

@@ -1,30 +1,6 @@
 import { Tabbar as BaseTabbar } from './component';
 import type { TabbarProps } from './component.interface';
-import { TabbarTabs } from './tabs/component';
-import { TabbarTabsContextProps } from './tabs/context/component.interface';
-import { TabbarTabsIndicator } from './tabs/indicator/component';
-import { TabbarTabsIndicatorProps } from './tabs/indicator/component.interface';
-import { TabbarTabsTab } from './tabs/tab/component';
-import { TabbarTabsTabProps } from './tabs/tab/component.interface';
-export declare const Tabbar: typeof BaseTabbar & {
-    Tabs: typeof TabbarTabs & {
-        Context: import("react").Context<TabbarTabsContextProps | null>;
-        Tab: typeof TabbarTabsTab;
-        Indicator: typeof TabbarTabsIndicator;
-    };
-};
+export declare const Tabbar: typeof BaseTabbar;
 export declare namespace Tabbar {
     type Props = TabbarProps;
-    namespace Tabs {
-        type Props = TabbarTabsTabProps;
-        namespace Context {
-            type Props = TabbarTabsContextProps;
-        }
-        namespace Tab {
-            type Props = TabbarTabsTabProps;
-        }
-        namespace Indicator {
-            type Props = TabbarTabsIndicatorProps;
-        }
-    }
 }

package/components/layouts/tabbar/component/index.js

@@ -1,12 +1,2 @@
 import { Tabbar as BaseTabbar } from './component';
-import { TabbarTabs } from './tabs/component';
-import { TabbarTabsContext } from './tabs/context/component';
-import { TabbarTabsIndicator } from './tabs/indicator/component';
-import { TabbarTabsTab } from './tabs/tab/component';
-export var Tabbar = Object.assign(BaseTabbar, {
-    Tabs: Object.assign(TabbarTabs, {
-        Context: TabbarTabsContext,
-        Tab: TabbarTabsTab,
-        Indicator: TabbarTabsIndicator,
-    }),
-});
+export var Tabbar = Object.assign(BaseTabbar, {});

package/components/layouts/tabbar/skeleton/component.module.css

@@ -24,78 +24,6 @@
             translate: 0 calc(0% + var(--progress, 0%) * 0.125);
         }
 
-        .tabs {
-            position: relative;
-
-            width: 100%;
-            height: 100%;
-
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            gap: calc(var(--spacing, .25rem) * 1);
-        }
-
-        .tab {
-            overflow: hidden;
-            position: relative;
-            z-index: 1;
-
-            width: calc(var(--spacing, .25rem) * 20);
-            height: 100%;
-
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            gap: calc(var(--spacing, .25rem) * 1);
-
-            font-size: var(--text-2xs, 0.625rem);
-            text-overflow: ellipsis;
-            white-space: nowrap;
-
-            padding: calc(var(--spacing, .25rem) * 4);
-            border-radius: calc(infinity * 1px);
-
-            cursor: pointer;
-            transition: all 200ms ease-in-out;
-
-            svg {
-                width: calc(var(--spacing, .25rem) * 5);
-                height: calc(var(--spacing, .25rem) * 5);
-                min-width: calc(var(--spacing, .25rem) * 5);
-                min-height: calc(var(--spacing, .25rem) * 5);
-
-                color: var(--color-gray-500, oklch(0.551 0.027 264.364));
-
-                transition: all 200ms ease-in-out;
-            }
-
-            &:hover,
-            &.active {
-                background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
-                color: var(--color-primary-500, #0074e7);
-
-                svg {
-                    color: var(--color-primary-500, #0074e7);
-                }
-            }
-
-            &:not(:hover) {
-                transition: all 600ms ease-in-out;
-
-                svg {
-                    transition: all 600ms ease-in-out;
-                }
-            }
-
-            &:disabled {
-                opacity: 0.5;
-                cursor: not-allowed;
-                pointer-events: none;
-            }
-        }
-
         @media (min-width: 1024px) {
             .tabbar {
                 display: none;

package/components/layouts/tabbar/skeleton/index.d.ts

@@ -1,19 +1,6 @@
 import { TabbarSkeleton as BaseTabbarSkeleton } from './component';
 import type { TabbarSkeletonProps } from './component.interface';
-import { TabbarTabsSkeleton } from './tabs/component';
-import { TabbarTabsTabSkeleton } from './tabs/tab/component';
-import { TabbarTabsTabSkeletonProps } from './tabs/tab/component.interface';
-export declare const TabbarSkeleton: typeof BaseTabbarSkeleton & {
-    Tabs: typeof TabbarTabsSkeleton & {
-        Tab: typeof TabbarTabsTabSkeleton;
-    };
-};
+export declare const TabbarSkeleton: typeof BaseTabbarSkeleton;
 export declare namespace TabbarSkeleton {
     type Props = TabbarSkeletonProps;
-    namespace Tabs {
-        type Props = TabbarTabsTabSkeletonProps;
-        namespace Tab {
-            type Props = TabbarTabsTabSkeletonProps;
-        }
-    }
 }

package/components/layouts/tabbar/skeleton/index.js

@@ -1,8 +1,2 @@
 import { TabbarSkeleton as BaseTabbarSkeleton } from './component';
-import { TabbarTabsSkeleton } from './tabs/component';
-import { TabbarTabsTabSkeleton } from './tabs/tab/component';
-export var TabbarSkeleton = Object.assign(BaseTabbarSkeleton, {
-    Tabs: Object.assign(TabbarTabsSkeleton, {
-        Tab: TabbarTabsTabSkeleton,
-    }),
-});
+export var TabbarSkeleton = Object.assign(BaseTabbarSkeleton, {});

package/index.css

@@ -14,8 +14,6 @@
     @layer index-90, index-91, index-92, index-93, index-94, index-95, index-96, index-97, index-98, index-99;
 }
 
-
-
 /* === Imports === */
 
 @import "tailwindcss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mosuk-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "author": "mosuk",
   "license": "MIT",
   "private": false,

package/styles/libs/swiper/style.css

@@ -8,7 +8,5 @@
     }
 }
 
-@layer base {
-    @import './navigation/style.css';
-    @import './pagination/style.css';
-}
+@import './navigation/style.css';
+@import './pagination/style.css';

package/styles/utilities/actions/icon/[size]/size.css

@@ -9,7 +9,7 @@
     justify-content: center;
 
     padding: calc(var(--spacing, .25rem) * 0.85);
-    border-radius: calc(infinity * 1px)%;
+    border-radius: calc(infinity * 1px);
 
     font-size: var(--text-3xs, 0.5rem);
     text-wrap: nowrap;

package/components/layouts/tabbar/component/tabs/component.d.ts

@@ -1,3 +0,0 @@
-import React, { ElementType } from 'react';
-import { TabbarTabsProps } from './component.interface';
-export declare function TabbarTabs<C extends ElementType = 'nav'>({ ...rest }: TabbarTabsProps<C>): React.JSX.Element;

package/components/layouts/tabbar/component/tabs/component.interface.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-export type TabbarTabsProps<C extends ElementType = 'nav'> = {
-    as?: C;
-    ref?: Ref<any>;
-} & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/layouts/tabbar/component/tabs/component.interface.js

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

package/components/layouts/tabbar/component/tabs/component.js

@@ -1,65 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import classNames from 'classnames';
-import React, { Children, isValidElement, useCallback, useMemo, useState } from 'react';
-import styles from '../component.module.css';
-import { TabbarTabsContext } from './context/component';
-import { TabbarTabsTab } from './tab/component';
-export function TabbarTabs(_a) {
-    var rest = __rest(_a, []);
-    var Component = ((rest === null || rest === void 0 ? void 0 : rest.as) || 'nav');
-    var _b = useState([]), tabs = _b[0], setTabs = _b[1];
-    var registerTab = useCallback(function () {
-        var newIndex = tabs.length;
-        setTabs(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newIndex], false); });
-        return newIndex;
-    }, [tabs.length]);
-    var unregisterTab = useCallback(function (index) {
-        setTabs(function (prev) { return prev.filter(function (i) { return i !== index; }); });
-    }, []);
-    var tabCount = Children.toArray(rest === null || rest === void 0 ? void 0 : rest.children).filter(function (child) { return isValidElement(child) && child.type === TabbarTabsTab; }).length;
-    var activeIndex = Children.toArray(rest === null || rest === void 0 ? void 0 : rest.children).findIndex(function (child) {
-        if (isValidElement(child)) {
-            var element = child;
-            return element.props.isActive;
-        }
-        return false;
-    });
-    var contextValue = useMemo(function () { return ({
-        registerTab: registerTab,
-        unregisterTab: unregisterTab,
-        activeIndex: activeIndex,
-        tabCount: tabCount
-    }); }, [registerTab, unregisterTab, activeIndex, tabCount]);
-    return (React.createElement(TabbarTabsContext.Provider, { value: contextValue },
-        React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-tabbar-tabs', styles.tabs, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children)));
-}

package/components/layouts/tabbar/component/tabs/context/component.d.ts

@@ -1,2 +0,0 @@
-import { TabbarTabsContextProps } from './component.interface';
-export declare const TabbarTabsContext: import("react").Context<TabbarTabsContextProps | null>;

package/components/layouts/tabbar/component/tabs/context/component.interface.d.ts

@@ -1,6 +0,0 @@
-export interface TabbarTabsContextProps {
-    registerTab: () => number;
-    unregisterTab: (index: number) => void;
-    activeIndex: number;
-    tabCount: number;
-}

package/components/layouts/tabbar/component/tabs/context/component.interface.js

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

package/components/layouts/tabbar/component/tabs/context/component.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export var TabbarTabsContext = createContext(null);

package/components/layouts/tabbar/component/tabs/indicator/component.d.ts

@@ -1,3 +0,0 @@
-import React, { ElementType } from 'react';
-import { TabbarTabsIndicatorProps } from './component.interface';
-export declare function TabbarTabsIndicator<C extends ElementType = 'span'>({ as, ref, ...rest }: TabbarTabsIndicatorProps<C>): React.JSX.Element | null;

package/components/layouts/tabbar/component/tabs/indicator/component.interface.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-export type TabbarTabsIndicatorProps<C extends ElementType = 'span'> = {
-    as?: C;
-    ref?: Ref<any>;
-} & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/layouts/tabbar/component/tabs/indicator/component.interface.js

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

package/components/layouts/tabbar/component/tabs/indicator/component.js

@@ -1,93 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 classNames from 'classnames';
-import React, { useContext, useEffect, useRef } from 'react';
-import styles from '../../component.module.css';
-import { TabbarTabsContext } from '../context/component';
-export function TabbarTabsIndicator(_a) {
-    var _b, _c;
-    var as = _a.as, ref = _a.ref, rest = __rest(_a, ["as", "ref"]);
-    var Component = ((rest === null || rest === void 0 ? void 0 : rest.as) || 'span');
-    var context = useContext(TabbarTabsContext);
-    var indicatorRef = useRef(null);
-    if (!context) {
-        throw new Error('TabbarTabsTab must be used within a TabbarTabs');
-    }
-    var activeIndex = (_b = context === null || context === void 0 ? void 0 : context.activeIndex) !== null && _b !== void 0 ? _b : -1;
-    var tabCount = (_c = context === null || context === void 0 ? void 0 : context.tabCount) !== null && _c !== void 0 ? _c : 0;
-    useEffect(function () {
-        if (!indicatorRef.current)
-            return;
-        if (tabCount <= 0 || activeIndex < 0)
-            return;
-        var rafRead = null;
-        var rafWrite = null;
-        var scheduleUpdate = function () {
-            if (rafRead !== null || rafWrite !== null)
-                return;
-            rafRead = requestAnimationFrame(function () {
-                rafRead = null;
-                var el = indicatorRef.current;
-                if (!el)
-                    return;
-                var tabsContainer = el.parentElement;
-                if (!tabsContainer)
-                    return;
-                var tabElements = Array.from(tabsContainer.children).filter(function (child) { return child !== el && child.classList.contains('mosuk-tabbar-tabs-tab'); });
-                if (tabElements.length === 0 || activeIndex >= tabElements.length)
-                    return;
-                var activeTab = tabElements[activeIndex];
-                if (!activeTab)
-                    return;
-                var containerRect = tabsContainer.getBoundingClientRect();
-                var activeTabRect = activeTab.getBoundingClientRect();
-                var nextOffsetLeft = activeTabRect.left - containerRect.left;
-                var nextWidth = activeTabRect.width;
-                rafWrite = requestAnimationFrame(function () {
-                    rafWrite = null;
-                    var node = indicatorRef.current;
-                    if (!node)
-                        return;
-                    node.style.setProperty('--indicator-offset', "".concat(nextOffsetLeft, "px"));
-                    node.style.setProperty('--indicator-width', "".concat(nextWidth, "px"));
-                });
-            });
-        };
-        // initial position
-        scheduleUpdate();
-        // update on resize
-        var handleResize = function () { return scheduleUpdate(); };
-        window.addEventListener('resize', handleResize);
-        return function () {
-            window.removeEventListener('resize', handleResize);
-            if (rafRead)
-                cancelAnimationFrame(rafRead);
-            if (rafWrite)
-                cancelAnimationFrame(rafWrite);
-        };
-    }, [activeIndex, tabCount]);
-    if (tabCount <= 0 || activeIndex < 0) {
-        return null;
-    }
-    return (React.createElement(Component, __assign({}, rest, { ref: indicatorRef, className: classNames('mosuk-tabbar-tabs-indicator', styles.indicator, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
-}

package/components/layouts/tabbar/component/tabs/tab/component.d.ts

@@ -1,3 +0,0 @@
-import React, { ElementType } from 'react';
-import { TabbarTabsTabProps } from './component.interface';
-export declare function TabbarTabsTab<C extends ElementType = 'a'>({ as, isActive, ...rest }: TabbarTabsTabProps<C>): React.JSX.Element;

package/components/layouts/tabbar/component/tabs/tab/component.interface.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-export type TabbarTabsTabProps<C extends ElementType = 'a'> = {
-    as?: C;
-    ref?: Ref<any>;
-    isActive?: boolean;
-} & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/layouts/tabbar/component/tabs/tab/component.interface.js

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

package/components/layouts/tabbar/component/tabs/tab/component.js

@@ -1,50 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 classNames from 'classnames';
-import React, { useContext, useEffect, useRef } from 'react';
-import styles from '../../component.module.css';
-import { TabbarTabsContext } from '../context/component';
-export function TabbarTabsTab(_a) {
-    var _b;
-    var as = _a.as, isActive = _a.isActive, rest = __rest(_a, ["as", "isActive"]);
-    var Component = (as || 'a');
-    var context = useContext(TabbarTabsContext);
-    var tabIndexRef = useRef(null);
-    if (!context) {
-        throw new Error('TabbarTabsTab must be used within a TabbarTabs');
-    }
-    useEffect(function () {
-        var index = context.registerTab();
-        tabIndexRef.current = index;
-        return function () {
-            if (tabIndexRef.current !== null) {
-                context.unregisterTab(tabIndexRef.current);
-            }
-        };
-    }, [context]);
-    var isLinkActive = isActive;
-    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-tabbar-tabs-tab', (_b = {},
-            _b[styles.tab] = true,
-            _b[styles.active] = isLinkActive,
-            _b), rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
-}

package/components/layouts/tabbar/skeleton/tabs/component.d.ts

@@ -1,3 +0,0 @@
-import React, { ElementType } from 'react';
-import { TabbarTabsSkeletonProps } from './component.interface';
-export declare function TabbarTabsSkeleton<C extends ElementType = 'nav'>({ ...rest }: TabbarTabsSkeletonProps<C>): React.JSX.Element;

package/components/layouts/tabbar/skeleton/tabs/component.interface.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-export type TabbarTabsSkeletonProps<C extends ElementType = 'nav'> = {
-    as?: C;
-    ref?: Ref<any>;
-} & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/layouts/tabbar/skeleton/tabs/component.interface.js

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

package/components/layouts/tabbar/skeleton/tabs/component.js

@@ -1,30 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 classNames from 'classnames';
-import React from 'react';
-import styles from '../component.module.css';
-export function TabbarTabsSkeleton(_a) {
-    var rest = __rest(_a, []);
-    var Component = ((rest === null || rest === void 0 ? void 0 : rest.as) || 'nav');
-    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-tabbar-tabs-skeleton', styles.tabs, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
-}

package/components/layouts/tabbar/skeleton/tabs/tab/component.d.ts

@@ -1,3 +0,0 @@
-import React, { ElementType } from 'react';
-import { TabbarTabsTabSkeletonProps } from './component.interface';
-export declare function TabbarTabsTabSkeleton<C extends ElementType = 'a'>({ as, isActive, ...rest }: TabbarTabsTabSkeletonProps<C>): React.JSX.Element;

package/components/layouts/tabbar/skeleton/tabs/tab/component.interface.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-export type TabbarTabsTabSkeletonProps<C extends ElementType = 'a'> = {
-    as?: C;
-    ref?: Ref<any>;
-    isActive?: boolean;
-} & Omit<ComponentPropsWithoutRef<C>, 'as' | 'ref'>;

package/components/layouts/tabbar/skeleton/tabs/tab/component.interface.js

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

package/components/layouts/tabbar/skeleton/tabs/tab/component.js

@@ -1,35 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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 classNames from 'classnames';
-import React from 'react';
-import styles from '../../component.module.css';
-export function TabbarTabsTabSkeleton(_a) {
-    var _b;
-    var as = _a.as, isActive = _a.isActive, rest = __rest(_a, ["as", "isActive"]);
-    var Component = (as || 'a');
-    var isLinkActive = isActive;
-    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-tabbar-tabs-tab', (_b = {},
-            _b[styles.tab] = true,
-            _b[styles.active] = isLinkActive,
-            _b), rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
-}