mosuk-ui 1.0.13 → 1.0.14

package/components/collections/tabs/horizontal/component/index.js

@@ -1,8 +1,8 @@
-import { TabsHorizontal as TabsHorizontalComponent } from './component';
-import { TabsHorizontalContent } from './content/component';
-import { TabsHorizontalHead } from './head/component';
-import { TabsHorizontalHeadIndicator } from './head/indicator/component';
-import { TabsHorizontalHeadTab } from './head/tab/component';
+import { TabsHorizontal as TabsHorizontalComponent } from '../../../../../components/collections/tabs/horizontal/component/component';
+import { TabsHorizontalContent } from '../../../../../components/collections/tabs/horizontal/component/content/component';
+import { TabsHorizontalHead } from '../../../../../components/collections/tabs/horizontal/component/head/component';
+import { TabsHorizontalHeadIndicator } from '../../../../../components/collections/tabs/horizontal/component/head/indicator/component';
+import { TabsHorizontalHeadTab } from '../../../../../components/collections/tabs/horizontal/component/head/tab/component';
 export var TabsHorizontal = Object.assign(TabsHorizontalComponent, {
     Head: Object.assign(TabsHorizontalHead, {
         Tab: TabsHorizontalHeadTab,

package/components/collections/tabs/horizontal/skeleton/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsHorizontalSkeletonProps } from '../../../../../components/collections/tabs/horizontal/skeleton/component.interface';
 import React, { ElementType } from 'react';
-import { TabsHorizontalSkeletonProps } from './component.interface';
 export declare function TabsHorizontalSkeleton<C extends ElementType = 'div'>({ as, ...rest }: TabsHorizontalSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/horizontal/skeleton/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../components/collections/tabs/horizontal/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
 export function TabsHorizontalSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'div');

package/components/collections/tabs/horizontal/skeleton/content/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsHorizontalContentSkeletonProps } from '../../../../../../components/collections/tabs/horizontal/skeleton/content/component.interface';
 import React, { ElementType } from 'react';
-import { TabsHorizontalContentSkeletonProps } from './component.interface';
 export declare function TabsHorizontalContentSkeleton<C extends ElementType = 'section'>({ as, ...rest }: TabsHorizontalContentSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/horizontal/skeleton/content/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/collections/tabs/horizontal/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 export function TabsHorizontalContentSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'section');

package/components/collections/tabs/horizontal/skeleton/head/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsHorizontalHeadSkeletonProps } from '../../../../../../components/collections/tabs/horizontal/skeleton/head/component.interface';
 import React, { ElementType } from 'react';
-import { TabsHorizontalHeadSkeletonProps } from './component.interface';
 export declare function TabsHorizontalHeadSkeleton<C extends ElementType = 'nav'>({ as, ...rest }: TabsHorizontalHeadSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/horizontal/skeleton/head/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/collections/tabs/horizontal/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 export function TabsHorizontalHeadSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'nav');

package/components/collections/tabs/horizontal/skeleton/head/tab/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsHorizontalHeadTabSkeletonProps } from '../../../../../../../components/collections/tabs/horizontal/skeleton/head/tab/component.interface';
 import React, { ElementType } from 'react';
-import { TabsHorizontalHeadTabSkeletonProps } from './component.interface';
 export declare function TabsHorizontalHeadTabSkeleton<C extends ElementType = 'span'>({ as, ...rest }: TabsHorizontalHeadTabSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/horizontal/skeleton/head/tab/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../../components/collections/tabs/horizontal/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../../component.module.css';
 export function TabsHorizontalHeadTabSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'span');

package/components/collections/tabs/horizontal/skeleton/index.d.ts

@@ -1,11 +1,11 @@
-import { TabsHorizontalSkeleton as BaseTabsHorizontalSkeleton } from './component';
-import type { TabsHorizontalSkeletonProps } from './component.interface';
-import { TabsHorizontalContentSkeleton } from './content/component';
-import { TabsHorizontalContentSkeletonProps } from './content/component.interface';
-import { TabsHorizontalHeadSkeleton } from './head/component';
-import { TabsHorizontalHeadSkeletonProps } from './head/component.interface';
-import { TabsHorizontalHeadTabSkeleton } from './head/tab/component';
-import { TabsHorizontalHeadTabSkeletonProps } from './head/tab/component.interface';
+import { TabsHorizontalSkeleton as BaseTabsHorizontalSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/component';
+import type { TabsHorizontalSkeletonProps } from '../../../../../components/collections/tabs/horizontal/skeleton/component.interface';
+import { TabsHorizontalContentSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/content/component';
+import { TabsHorizontalContentSkeletonProps } from '../../../../../components/collections/tabs/horizontal/skeleton/content/component.interface';
+import { TabsHorizontalHeadSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/head/component';
+import { TabsHorizontalHeadSkeletonProps } from '../../../../../components/collections/tabs/horizontal/skeleton/head/component.interface';
+import { TabsHorizontalHeadTabSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/head/tab/component';
+import { TabsHorizontalHeadTabSkeletonProps } from '../../../../../components/collections/tabs/horizontal/skeleton/head/tab/component.interface';
 export declare const TabsHorizontalSkeleton: typeof BaseTabsHorizontalSkeleton & {
     Head: typeof TabsHorizontalHeadSkeleton & {
         Tab: typeof TabsHorizontalHeadTabSkeleton;

package/components/collections/tabs/horizontal/skeleton/index.js

@@ -1,7 +1,7 @@
-import { TabsHorizontalSkeleton as BaseTabsHorizontalSkeleton } from './component';
-import { TabsHorizontalContentSkeleton } from './content/component';
-import { TabsHorizontalHeadSkeleton } from './head/component';
-import { TabsHorizontalHeadTabSkeleton } from './head/tab/component';
+import { TabsHorizontalSkeleton as BaseTabsHorizontalSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/component';
+import { TabsHorizontalContentSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/content/component';
+import { TabsHorizontalHeadSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/head/component';
+import { TabsHorizontalHeadTabSkeleton } from '../../../../../components/collections/tabs/horizontal/skeleton/head/tab/component';
 export var TabsHorizontalSkeleton = Object.assign(BaseTabsHorizontalSkeleton, {
     Head: Object.assign(TabsHorizontalHeadSkeleton, {
         Tab: TabsHorizontalHeadTabSkeleton,

package/components/collections/tabs/vertical/component/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalProps } from '../../../../../components/collections/tabs/vertical/component/component.interface';
 import React from 'react';
-import { TabsVerticalProps } from './component.interface';
 export declare function TabsVertical({ ...rest }: TabsVerticalProps): React.JSX.Element;

package/components/collections/tabs/vertical/component/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../components/collections/tabs/vertical/component/component.module.css';
 import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
 export function TabsVertical(_a) {
     var rest = __rest(_a, []);
     return (React.createElement(TabsComponent.Root, __assign({}, rest, { className: classNames('mosuk-tabs-vertical', styles.tabs, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));

package/components/collections/tabs/vertical/component/content/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalContentProps } from '../../../../../../components/collections/tabs/vertical/component/content/component.interface';
 import React from 'react';
-import { TabsVerticalContentProps } from './component.interface';
 export declare function TabsVerticalContent({ ...rest }: TabsVerticalContentProps): React.JSX.Element;

package/components/collections/tabs/vertical/component/content/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/collections/tabs/vertical/component/component.module.css';
 import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 export function TabsVerticalContent(_a) {
     var rest = __rest(_a, []);
     return (React.createElement(TabsComponent.Panel, __assign({}, rest, { className: classNames('mosuk-tabs-vertical-content', styles.content, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));

package/components/collections/tabs/vertical/component/head/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalHeadProps } from '../../../../../../components/collections/tabs/vertical/component/head/component.interface';
 import React from 'react';
-import { TabsVerticalHeadProps } from './component.interface';
 export declare const TabsVerticalHead: React.ForwardRefExoticComponent<Omit<TabsVerticalHeadProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/collections/tabs/vertical/component/head/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/collections/tabs/vertical/component/component.module.css';
 import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 var SCROLL_PADDING = 16;
 var SCROLL_DELAY = 200;
 var ANIMATION_DURATION = 600;
@@ -39,7 +39,8 @@ var sumAdjacentTabsHeight = function (tabEl, dir) {
             sum += node.offsetHeight;
             count++;
         }
-        node = dir === 'next' ? node.nextElementSibling : node.previousElementSibling;
+        node =
+            dir === 'next' ? node.nextElementSibling : node.previousElementSibling;
     }
     return sum;
 };
@@ -72,22 +73,26 @@ export var TabsVerticalHead = React.forwardRef(function TabsVerticalHead(props,
             var t = Math.min(1, (now - start) / ANIMATION_DURATION);
             var eased = t < 0.5 ? 4 * Math.pow(t, 3) : 1 - Math.pow((-2 * t + 2), 3) / 2;
             el.scrollTop = fromTop + (toTop - fromTop) * eased;
-            if (t < 1)
+            if (t < 1) {
                 rafRef.current = requestAnimationFrame(tick);
+            }
         };
         rafRef.current = requestAnimationFrame(tick);
     }, []);
     var handleClickCapture = React.useCallback(function (e) {
         var _a, _b;
         onClickCapture === null || onClickCapture === void 0 ? void 0 : onClickCapture(e);
-        if (e.defaultPrevented || !listRef.current)
+        if (e.defaultPrevented || !listRef.current) {
             return;
+        }
         var listEl = listRef.current;
-        if (listEl.scrollHeight <= listEl.clientHeight)
+        if (listEl.scrollHeight <= listEl.clientHeight) {
             return;
+        }
         var tabEl = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, '[role="tab"]');
-        if (!tabEl || !listEl.contains(tabEl))
+        if (!tabEl || !listEl.contains(tabEl)) {
             return;
+        }
         stopAnimations();
         timeoutRef.current = window.setTimeout(function () {
             var lookahead = sumAdjacentTabsHeight(tabEl, 'next') ||
@@ -98,8 +103,14 @@ export var TabsVerticalHead = React.forwardRef(function TabsVerticalHead(props,
             var tabTop = tabEl.offsetTop;
             var tabBottom = tabTop + tabEl.offsetHeight;
             var nextTop = viewTop;
-            if (tabBottom + lookahead + SCROLL_PADDING > viewBottom - SCROLL_PADDING) {
-                nextTop = tabBottom + lookahead + SCROLL_PADDING - listEl.clientHeight + SCROLL_PADDING;
+            if (tabBottom + lookahead + SCROLL_PADDING >
+                viewBottom - SCROLL_PADDING) {
+                nextTop =
+                    tabBottom +
+                        lookahead +
+                        SCROLL_PADDING -
+                        listEl.clientHeight +
+                        SCROLL_PADDING;
             }
             if (tabTop - lookbehind - SCROLL_PADDING < viewTop + SCROLL_PADDING) {
                 nextTop = tabTop - lookbehind - SCROLL_PADDING;

package/components/collections/tabs/vertical/component/head/indicator/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalHeadIndicatorProps } from '../../../../../../../components/collections/tabs/vertical/component/head/indicator/component.interface';
 import React from 'react';
-import { TabsVerticalHeadIndicatorProps } from './component.interface';
 export declare function TabsVerticalHeadIndicator({ ...rest }: TabsVerticalHeadIndicatorProps): React.JSX.Element;

package/components/collections/tabs/vertical/component/head/indicator/component.js

@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../../components/collections/tabs/vertical/component/component.module.css';
 import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../../component.module.css';
 export function TabsVerticalHeadIndicator(_a) {
     var rest = __rest(_a, []);
     return (React.createElement(TabsComponent.Indicator, { className: classNames('mosuk-tabs-vertical-head-indicator', styles.indicator, rest === null || rest === void 0 ? void 0 : rest.className) }));

package/components/collections/tabs/vertical/component/head/tab/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalHeadTabProps } from '../../../../../../../components/collections/tabs/vertical/component/head/tab/component.interface';
 import React from 'react';
-import { TabsVerticalHeadTabProps } from './component.interface';
 export declare function TabsVerticalHeadTab({ ...rest }: TabsVerticalHeadTabProps): React.JSX.Element;

package/components/collections/tabs/vertical/component/head/tab/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../../components/collections/tabs/vertical/component/component.module.css';
 import { Tabs as TabsComponent } from '@base-ui/react/tabs';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../../component.module.css';
 export function TabsVerticalHeadTab(_a) {
     var rest = __rest(_a, []);
     return (React.createElement(TabsComponent.Tab, __assign({}, rest, { className: classNames('mosuk-tabs-vertical-head-tab', styles.tab, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));

package/components/collections/tabs/vertical/component/index.d.ts

@@ -1,12 +1,12 @@
-import { TabsVertical as TabsVerticalComponent } from './component';
-import { TabsVerticalProps } from './component.interface';
-import { TabsVerticalContent } from './content/component';
-import { TabsVerticalContentProps } from './content/component.interface';
-import { TabsVerticalHeadProps } from './head/component.interface';
-import { TabsVerticalHeadIndicator } from './head/indicator/component';
-import { TabsVerticalHeadIndicatorProps } from './head/indicator/component.interface';
-import { TabsVerticalHeadTab } from './head/tab/component';
-import { TabsVerticalHeadTabProps } from './head/tab/component.interface';
+import { TabsVertical as TabsVerticalComponent } from '../../../../../components/collections/tabs/vertical/component/component';
+import { TabsVerticalProps } from '../../../../../components/collections/tabs/vertical/component/component.interface';
+import { TabsVerticalContent } from '../../../../../components/collections/tabs/vertical/component/content/component';
+import { TabsVerticalContentProps } from '../../../../../components/collections/tabs/vertical/component/content/component.interface';
+import { TabsVerticalHeadProps } from '../../../../../components/collections/tabs/vertical/component/head/component.interface';
+import { TabsVerticalHeadIndicator } from '../../../../../components/collections/tabs/vertical/component/head/indicator/component';
+import { TabsVerticalHeadIndicatorProps } from '../../../../../components/collections/tabs/vertical/component/head/indicator/component.interface';
+import { TabsVerticalHeadTab } from '../../../../../components/collections/tabs/vertical/component/head/tab/component';
+import { TabsVerticalHeadTabProps } from '../../../../../components/collections/tabs/vertical/component/head/tab/component.interface';
 export declare const TabsVertical: typeof TabsVerticalComponent & {
     Head: import("react").ForwardRefExoticComponent<Omit<TabsVerticalHeadProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
         Tab: typeof TabsVerticalHeadTab;

package/components/collections/tabs/vertical/component/index.js

@@ -1,8 +1,8 @@
-import { TabsVertical as TabsVerticalComponent } from './component';
-import { TabsVerticalContent } from './content/component';
-import { TabsVerticalHead } from './head/component';
-import { TabsVerticalHeadIndicator } from './head/indicator/component';
-import { TabsVerticalHeadTab } from './head/tab/component';
+import { TabsVertical as TabsVerticalComponent } from '../../../../../components/collections/tabs/vertical/component/component';
+import { TabsVerticalContent } from '../../../../../components/collections/tabs/vertical/component/content/component';
+import { TabsVerticalHead } from '../../../../../components/collections/tabs/vertical/component/head/component';
+import { TabsVerticalHeadIndicator } from '../../../../../components/collections/tabs/vertical/component/head/indicator/component';
+import { TabsVerticalHeadTab } from '../../../../../components/collections/tabs/vertical/component/head/tab/component';
 export var TabsVertical = Object.assign(TabsVerticalComponent, {
     Head: Object.assign(TabsVerticalHead, {
         Tab: TabsVerticalHeadTab,

package/components/collections/tabs/vertical/skeleton/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalSkeletonProps } from '../../../../../components/collections/tabs/vertical/skeleton/component.interface';
 import React, { ElementType } from 'react';
-import { TabsVerticalSkeletonProps } from './component.interface';
 export declare function TabsVerticalSkeleton<C extends ElementType = 'div'>({ as, ...rest }: TabsVerticalSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/vertical/skeleton/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../components/collections/tabs/vertical/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
 export function TabsVerticalSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'div');

package/components/collections/tabs/vertical/skeleton/content/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalContentSkeletonProps } from '../../../../../../components/collections/tabs/vertical/skeleton/content/component.interface';
 import React, { ElementType } from 'react';
-import { TabsVerticalContentSkeletonProps } from './component.interface';
 export declare function TabsVerticalContentSkeleton<C extends ElementType = 'section'>({ as, ...rest }: TabsVerticalContentSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/vertical/skeleton/content/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/collections/tabs/vertical/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 export function TabsVerticalContentSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'section');

package/components/collections/tabs/vertical/skeleton/head/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalHeadSkeletonProps } from '../../../../../../components/collections/tabs/vertical/skeleton/head/component.interface';
 import React, { ElementType } from 'react';
-import { TabsVerticalHeadSkeletonProps } from './component.interface';
 export declare function TabsVerticalHeadSkeleton<C extends ElementType = 'nav'>({ as, ...rest }: TabsVerticalHeadSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/vertical/skeleton/head/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/collections/tabs/vertical/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 export function TabsVerticalHeadSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'nav');

package/components/collections/tabs/vertical/skeleton/head/tab/component.d.ts

@@ -1,3 +1,3 @@
+import { TabsVerticalHeadTabSkeletonProps } from '../../../../../../../components/collections/tabs/vertical/skeleton/head/tab/component.interface';
 import React, { ElementType } from 'react';
-import { TabsVerticalHeadTabSkeletonProps } from './component.interface';
 export declare function TabsVerticalHeadTabSkeleton<C extends ElementType = 'span'>({ as, ...rest }: TabsVerticalHeadTabSkeletonProps<C>): React.JSX.Element;

package/components/collections/tabs/vertical/skeleton/head/tab/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../../components/collections/tabs/vertical/skeleton/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../../component.module.css';
 export function TabsVerticalHeadTabSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'span');

package/components/collections/tabs/vertical/skeleton/index.d.ts

@@ -1,11 +1,11 @@
-import { TabsVerticalSkeleton as BaseTabsVerticalSkeleton } from './component';
-import type { TabsVerticalSkeletonProps } from './component.interface';
-import { TabsVerticalContentSkeleton } from './content/component';
-import { TabsVerticalContentSkeletonProps } from './content/component.interface';
-import { TabsVerticalHeadSkeleton } from './head/component';
-import { TabsVerticalHeadSkeletonProps } from './head/component.interface';
-import { TabsVerticalHeadTabSkeleton } from './head/tab/component';
-import { TabsVerticalHeadTabSkeletonProps } from './head/tab/component.interface';
+import { TabsVerticalSkeleton as BaseTabsVerticalSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/component';
+import type { TabsVerticalSkeletonProps } from '../../../../../components/collections/tabs/vertical/skeleton/component.interface';
+import { TabsVerticalContentSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/content/component';
+import { TabsVerticalContentSkeletonProps } from '../../../../../components/collections/tabs/vertical/skeleton/content/component.interface';
+import { TabsVerticalHeadSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/head/component';
+import { TabsVerticalHeadSkeletonProps } from '../../../../../components/collections/tabs/vertical/skeleton/head/component.interface';
+import { TabsVerticalHeadTabSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/head/tab/component';
+import { TabsVerticalHeadTabSkeletonProps } from '../../../../../components/collections/tabs/vertical/skeleton/head/tab/component.interface';
 export declare const TabsVerticalSkeleton: typeof BaseTabsVerticalSkeleton & {
     Head: typeof TabsVerticalHeadSkeleton & {
         Tab: typeof TabsVerticalHeadTabSkeleton;

package/components/collections/tabs/vertical/skeleton/index.js

@@ -1,7 +1,7 @@
-import { TabsVerticalSkeleton as BaseTabsVerticalSkeleton } from './component';
-import { TabsVerticalContentSkeleton } from './content/component';
-import { TabsVerticalHeadSkeleton } from './head/component';
-import { TabsVerticalHeadTabSkeleton } from './head/tab/component';
+import { TabsVerticalSkeleton as BaseTabsVerticalSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/component';
+import { TabsVerticalContentSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/content/component';
+import { TabsVerticalHeadSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/head/component';
+import { TabsVerticalHeadTabSkeleton } from '../../../../../components/collections/tabs/vertical/skeleton/head/tab/component';
 export var TabsVerticalSkeleton = Object.assign(BaseTabsVerticalSkeleton, {
     Head: Object.assign(TabsVerticalHeadSkeleton, {
         Tab: TabsVerticalHeadTabSkeleton,

package/components/containers/div/component/component.d.ts

@@ -1,3 +1,3 @@
+import { DivProps } from '../../../../components/containers/div/component/component.interface';
 import React, { ElementType } from 'react';
-import { DivProps } from './component.interface';
 export declare function Div<C extends ElementType = 'div'>({ as, ...rest }: DivProps<C>): React.JSX.Element;

package/components/containers/div/component/index.d.ts

@@ -1,5 +1,5 @@
-import { Div as BaseDiv } from './component';
-import type { DivProps } from './component.interface';
+import { Div as BaseDiv } from '../../../../components/containers/div/component/component';
+import type { DivProps } from '../../../../components/containers/div/component/component.interface';
 export declare const Div: typeof BaseDiv;
 export declare namespace Div {
     type Props = DivProps;

package/components/containers/div/component/index.js

@@ -1,2 +1,2 @@
-import { Div as BaseDiv } from './component';
+import { Div as BaseDiv } from '../../../../components/containers/div/component/component';
 export var Div = BaseDiv;

package/components/containers/grid/component/component.d.ts

@@ -1,3 +1,3 @@
+import { GridProps } from '../../../../components/containers/grid/component/component.interface';
 import React, { ElementType } from 'react';
-import { GridProps } from './component.interface';
 export declare function Grid<C extends ElementType = 'div'>({ as, ...rest }: GridProps<C>): React.JSX.Element;

package/components/containers/grid/component/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/containers/grid/component/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
 export function Grid(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'div');

package/components/containers/grid/component/index.d.ts

@@ -1,4 +1,4 @@
-import type { GridProps } from './component.interface';
+import type { GridProps } from '../../../../components/containers/grid/component/component.interface';
 export declare function Grid(props: GridProps): import("react").JSX.Element;
 export declare namespace Grid {
     type Props = GridProps;

package/components/containers/grid/component/index.js

@@ -1,4 +1,4 @@
-import { Grid as BaseGrid, } from './component';
+import { Grid as BaseGrid } from '../../../../components/containers/grid/component/component';
 export function Grid(props) {
     return BaseGrid(props);
 }

package/components/containers/section/component/component.d.ts

@@ -1,3 +1,3 @@
+import { SectionProps } from '../../../../components/containers/section/component/component.interface';
 import React, { ElementType } from 'react';
-import { SectionProps } from './component.interface';
 export declare function Section<C extends ElementType = 'section'>({ as, ...rest }: SectionProps<C>): React.JSX.Element;

package/components/containers/section/component/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/containers/section/component/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
 export function Section(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'section');

package/components/containers/section/component/index.d.ts

@@ -1,4 +1,4 @@
-import type { SectionProps } from './component.interface';
+import type { SectionProps } from '../../../../components/containers/section/component/component.interface';
 export declare function Section(props: SectionProps): import("react").JSX.Element;
 export declare namespace Section {
     type Props = SectionProps;

package/components/containers/section/component/index.js

@@ -1,4 +1,4 @@
-import { Section as BaseSection } from './component';
+import { Section as BaseSection } from '../../../../components/containers/section/component/component';
 export function Section(props) {
     return BaseSection(props);
 }

package/components/display/card/(flip)/component/back/component.d.ts

@@ -1,3 +1,3 @@
+import { CardFlipBackProps } from '../../../../../../components/display/card/(flip)/component/back/component.interface';
 import React, { ElementType } from 'react';
-import { CardFlipBackProps } from './component.interface';
 export declare function CardFlipBack<C extends ElementType = 'div'>({ as, ...rest }: CardFlipBackProps<C>): React.JSX.Element;

package/components/display/card/(flip)/component/back/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/display/card/(flip)/component/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../component.module.css';
 export function CardFlipBack(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'div');

package/components/display/card/(flip)/component/component.d.ts

@@ -1,3 +1,3 @@
+import { CardFlipProps } from '../../../../../components/display/card/(flip)/component/component.interface';
 import React from 'react';
-import { CardFlipProps } from './component.interface';
 export declare function CardFlip({ as, ref, flip, onFlip, ...rest }: CardFlipProps): React.JSX.Element;

package/components/display/card/(flip)/component/component.interface.d.ts

@@ -1,4 +1,4 @@
-import { CardProps } from '../../component/component.interface';
+import { CardProps } from '../../../../../components/display/card/component/component.interface';
 export interface CardFlipProps extends CardProps {
     flip?: boolean;
     onFlip?: () => void;

package/components/display/card/(flip)/component/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../components/display/card/(flip)/component/component.module.css';
+import { Card } from '../../../../../components/display/card/component/component';
 import classNames from 'classnames';
 import React from 'react';
-import { Card } from '../../component/component';
-import styles from './component.module.css';
 export function CardFlip(_a) {
     var _b;
     var as = _a.as, ref = _a.ref, flip = _a.flip, onFlip = _a.onFlip, rest = __rest(_a, ["as", "ref", "flip", "onFlip"]);

package/components/display/card/(flip)/component/front/component.d.ts

@@ -1,3 +1,3 @@
+import { CardFlipFrontProps } from '../../../../../../components/display/card/(flip)/component/front/component.interface';
 import React, { ElementType } from 'react';
-import { CardFlipFrontProps } from './component.interface';
 export declare function CardFlipFront<C extends ElementType = 'div'>({ as, ...rest }: CardFlipFrontProps<C>): React.JSX.Element;

package/components/display/card/(flip)/component/front/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/display/card/(flip)/component/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../../component/component.module.css';
 export function CardFlipFront(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'div');