mosuk-ui 1.0.13 → 1.0.14

package/components/actions/select/skeleton/component.js

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

package/components/actions/select/skeleton/index.d.ts

@@ -1,5 +1,5 @@
-import { InputSkeleton as ParentSelectSkeleton } from '../../input/skeleton/component';
-import type { InputSkeletonProps as ParentSelectProps } from '../../input/skeleton/component.interface';
+import { InputSkeleton as ParentSelectSkeleton } from '../../../../components/actions/input/skeleton/component';
+import type { InputSkeletonProps as ParentSelectProps } from '../../../../components/actions/input/skeleton/component.interface';
 export declare const InputSkeleton: typeof ParentSelectSkeleton;
 export declare namespace InputSkeleton {
     type Props = ParentSelectProps;

package/components/actions/select/skeleton/index.js

@@ -1,2 +1,2 @@
-import { InputSkeleton as ParentSelectSkeleton } from '../../input/skeleton/component';
+import { InputSkeleton as ParentSelectSkeleton } from '../../../../components/actions/input/skeleton/component';
 export var InputSkeleton = Object.assign(ParentSelectSkeleton, {});

package/components/actions/switch/component/component.d.ts

@@ -1,3 +1,3 @@
+import { SwitchProps } from '../../../../components/actions/switch/component/component.interface';
 import React from 'react';
-import { SwitchProps } from './component.interface';
 export declare function Switch({ ref, ...rest }: SwitchProps): React.JSX.Element;

package/components/actions/switch/component/component.js

@@ -20,14 +20,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/actions/switch/component/component.module.css';
 import classNames from 'classnames';
 import React, { useId } from 'react';
-import styles from './component.module.css';
 export function Switch(_a) {
     var _b;
     var ref = _a.ref, rest = __rest(_a, ["ref"]);
     if (!(rest === null || rest === void 0 ? void 0 : rest.id)) {
         rest.id = useId();
     }
-    return (React.createElement("input", __assign({}, rest, { ref: ref, id: rest.id, type: "checkbox", name: (_b = rest.name) !== null && _b !== void 0 ? _b : rest.id, className: classNames('mosuk-switch', styles.switch, rest === null || rest === void 0 ? void 0 : rest.className) })));
+    return (React.createElement("input", __assign({}, rest, { ref: ref, id: rest.id, type: 'checkbox', name: (_b = rest.name) !== null && _b !== void 0 ? _b : rest.id, className: classNames('mosuk-switch', styles.switch, rest === null || rest === void 0 ? void 0 : rest.className) })));
 }

package/components/actions/switch/component/index.d.ts

@@ -1,5 +1,5 @@
-import { Switch as Component } from './component';
-import type { SwitchProps } from './component.interface';
+import { Switch as Component } from '../../../../components/actions/switch/component/component';
+import type { SwitchProps } from '../../../../components/actions/switch/component/component.interface';
 export declare const Switch: typeof Component;
 export declare namespace Switch {
     type Props = SwitchProps;

package/components/actions/switch/component/index.js

@@ -1,2 +1,2 @@
-import { Switch as Component } from './component';
+import { Switch as Component } from '../../../../components/actions/switch/component/component';
 export var Switch = Object.assign(Component, {});

package/components/actions/switch/skeleton/component.d.ts

@@ -1,3 +1,3 @@
+import { SwitchSkeletonProps } from '../../../../components/actions/switch/skeleton/component.interface';
 import React from 'react';
-import { SwitchSkeletonProps } from './component.interface';
 export declare function SwitchSkeleton({ ...rest }: SwitchSkeletonProps): React.JSX.Element;

package/components/actions/switch/skeleton/component.interface.d.ts

@@ -1,3 +1,3 @@
+import { SkeletonProps } from '../../../../components/display/skeleton/component/component.interface';
 import { ElementType } from 'react';
-import { SkeletonProps } from '../../../display/skeleton/component/component.interface';
 export type SwitchSkeletonProps = SkeletonProps<ElementType>;

package/components/actions/switch/skeleton/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/actions/switch/skeleton/component.module.css';
+import { Skeleton } from '../../../../components/display/skeleton/component/component';
 import classNames from 'classnames';
 import React, { useId } from 'react';
-import { Skeleton } from '../../../display/skeleton/component/component';
-import styles from './component.module.css';
 export function SwitchSkeleton(_a) {
     var rest = __rest(_a, []);
     if (!(rest === null || rest === void 0 ? void 0 : rest.id)) {

package/components/actions/switch/skeleton/index.d.ts

@@ -1,5 +1,5 @@
-import { SwitchSkeleton as Component } from './component';
-import type { SwitchSkeletonProps } from './component.interface';
+import { SwitchSkeleton as Component } from '../../../../components/actions/switch/skeleton/component';
+import type { SwitchSkeletonProps } from '../../../../components/actions/switch/skeleton/component.interface';
 export declare const SwitchSkeleton: typeof Component;
 export declare namespace Switch {
     type Props = SwitchSkeletonProps;

package/components/actions/switch/skeleton/index.js

@@ -1,2 +1,2 @@
-import { SwitchSkeleton as Component } from './component';
+import { SwitchSkeleton as Component } from '../../../../components/actions/switch/skeleton/component';
 export var SwitchSkeleton = Object.assign(Component, {});

package/components/actions/textarea/(autosize)/component/component.d.ts

@@ -1,3 +1,3 @@
+import { TextareaAutosizeProps } from '../../../../../components/actions/textarea/(autosize)/component/component.interface';
 import React from 'react';
-import { TextareaAutosizeProps } from './component.interface';
 export declare function TextareaAutosize({ ...rest }: TextareaAutosizeProps): React.JSX.Element;

package/components/actions/textarea/(autosize)/component/component.js

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../components/actions/textarea/(autosize)/component/component.module.css';
+import { Textarea } from '../../../../../components/actions/textarea/component/component';
 import classNames from 'classnames';
 import React from 'react';
 import TextareaAutosizePrimitive from 'react-textarea-autosize';
-import { Textarea } from '../../component/component';
-import styles from './component.module.css';
 export function TextareaAutosize(_a) {
     var rest = __rest(_a, []);
     return (React.createElement(Textarea, __assign({}, rest, { as: TextareaAutosizePrimitive, className: classNames(styles.textarea, rest === null || rest === void 0 ? void 0 : rest.className) })));

package/components/actions/textarea/(autosize)/component/index.d.ts

@@ -1,5 +1,5 @@
-import { TextareaAutosize as Component } from './component';
-import { TextareaAutosizeProps as ComponentProps } from './component.interface';
+import { TextareaAutosize as Component } from '../../../../../components/actions/textarea/(autosize)/component/component';
+import { TextareaAutosizeProps as ComponentProps } from '../../../../../components/actions/textarea/(autosize)/component/component.interface';
 export declare const TextareaAutosize: typeof Component;
 export declare namespace TextareaAutosize {
     type Props = ComponentProps;

package/components/actions/textarea/(autosize)/component/index.js

@@ -1,2 +1,2 @@
-import { TextareaAutosize as Component } from './component';
+import { TextareaAutosize as Component } from '../../../../../components/actions/textarea/(autosize)/component/component';
 export var TextareaAutosize = Object.assign(Component, {});

package/components/actions/textarea/component/component.d.ts

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

package/components/actions/textarea/component/component.js

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

package/components/actions/textarea/component/index.d.ts

@@ -1,5 +1,5 @@
-import { Textarea as Component } from './component';
-import { TextareaProps as ComponentProps } from './component.interface';
+import { Textarea as Component } from '../../../../components/actions/textarea/component/component';
+import { TextareaProps as ComponentProps } from '../../../../components/actions/textarea/component/component.interface';
 export declare const Textarea: typeof Component;
 export declare namespace Textarea {
     type Props = ComponentProps;

package/components/actions/textarea/component/index.js

@@ -1,2 +1,2 @@
-import { Textarea as Component } from './component';
+import { Textarea as Component } from '../../../../components/actions/textarea/component/component';
 export var Textarea = Object.assign(Component, {});

package/components/actions/textarea/skeleton/component.d.ts

@@ -1,3 +1,3 @@
+import { TextareaSkeletonProps } from '../../../../components/actions/textarea/skeleton/component.interface';
 import React from 'react';
-import { TextareaSkeletonProps } from './component.interface';
 export declare function TextareaSkeleton({ rows, ...rest }: TextareaSkeletonProps): React.JSX.Element;

package/components/actions/textarea/skeleton/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/actions/textarea/skeleton/component.module.css';
+import { Skeleton } from '../../../../components/display/skeleton/component/component';
 import classNames from 'classnames';
 import React from 'react';
-import { Skeleton } from '../../../display/skeleton/component/component';
-import styles from './component.module.css';
 export function TextareaSkeleton(_a) {
     var rows = _a.rows, rest = __rest(_a, ["rows"]);
     return (React.createElement(Skeleton, __assign({}, rest, { style: { '--rows': rows !== null && rows !== void 0 ? rows : 3 }, className: classNames('mosuk-textarea-skeleton', styles.textarea, rest === null || rest === void 0 ? void 0 : rest.className) })));

package/components/actions/textarea/skeleton/index.d.ts

@@ -1,5 +1,5 @@
-import { TextareaSkeleton as Component } from './component';
-import { TextareaSkeletonProps } from './component.interface';
+import { TextareaSkeleton as Component } from '../../../../components/actions/textarea/skeleton/component';
+import { TextareaSkeletonProps } from '../../../../components/actions/textarea/skeleton/component.interface';
 export declare const TextareaSkeleton: typeof Component;
 export declare namespace TextareaSkeleton {
     type Props = TextareaSkeletonProps;

package/components/actions/textarea/skeleton/index.js

@@ -1,2 +1,2 @@
-import { TextareaSkeleton as Component } from './component';
+import { TextareaSkeleton as Component } from '../../../../components/actions/textarea/skeleton/component';
 export var TextareaSkeleton = Object.assign(Component, {});

package/components/actions/toggle/component/.partials/components/button/component.d.ts

@@ -1,3 +1,3 @@
+import { ToggleButtonProps } from '../../../../../../../components/actions/toggle/component/.partials/components/button/component.props';
 import React, { ElementType } from 'react';
-import { ToggleButtonProps } from './component.props';
 export declare function ToggleButton<C extends ElementType = 'button'>({ as, value, ...rest }: ToggleButtonProps<C>): React.JSX.Element;

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

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { Button } from '../../../../../../../components/actions/button/component/component';
+import { useToggle } from '../../../../../../../components/actions/toggle/component/.partials/hooks/hook';
+import styles from '../../../../../../../components/actions/toggle/component/.partials/styles/component.module.css';
 import classNames from 'classnames';
 import React, { useCallback } from 'react';
-import { Button } from '../../../../../button/component/component';
-import { useToggle } from '../../hooks/hook';
-import styles from '../../styles/component.module.css';
 export function ToggleButton(_a) {
     var _b;
     var as = _a.as, value = _a.value, rest = __rest(_a, ["as", "value"]);

package/components/actions/toggle/component/.partials/components/component.d.ts

@@ -1,3 +1,3 @@
+import { ToggleProps } from '../../../../../../components/actions/toggle/component/.partials/components/component.props';
 import React, { ElementType } from 'react';
-import { ToggleProps } from './component.props';
 export declare function Toggle<C extends ElementType = 'div'>({ as, value, onChange, orientation, className, onClickCapture, ref, ...rest }: ToggleProps<C>): React.JSX.Element;

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

@@ -20,11 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { ToggleProvider } from '../../../../../../components/actions/toggle/component/.partials/providers/provider';
+import styles from '../../../../../../components/actions/toggle/component/.partials/styles/component.module.css';
+import { scrollToggleOptionIntoView } from '../../../../../../components/actions/toggle/component/.partials/utilities/scroll-toggle-option-into-view';
 import classNames from 'classnames';
 import React, { useCallback, useEffect, useRef } from 'react';
-import { ToggleProvider } from '../providers/provider';
-import styles from '../styles/component.module.css';
-import { scrollToggleOptionIntoView } from '../utilities/scroll-toggle-option-into-view';
 export function Toggle(_a) {
     var as = _a.as, value = _a.value, onChange = _a.onChange, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, className = _a.className, onClickCapture = _a.onClickCapture, ref = _a.ref, rest = __rest(_a, ["as", "value", "onChange", "orientation", "className", "onClickCapture", "ref"]);
     var Component = (as || 'div');

package/components/actions/toggle/component/.partials/components/component.props.d.ts

@@ -1,5 +1,5 @@
+import type { ToggleOrientation } from '../../../../../../components/actions/toggle/component/.partials/providers/context/context.interface';
 import { ComponentPropsWithoutRef, ElementType, Ref } from 'react';
-import type { ToggleOrientation } from '../providers/context/context.interface';
 export type ToggleProps<C extends ElementType = 'div'> = {
     as?: C;
     ref?: Ref<any>;

package/components/actions/toggle/component/.partials/components/indicator/component.d.ts

@@ -1,3 +1,3 @@
+import { ToggleIndicatorProps } from '../../../../../../../components/actions/toggle/component/.partials/components/indicator/component.props';
 import React, { ElementType } from 'react';
-import { ToggleIndicatorProps } from './component.props';
 export declare function ToggleIndicator<C extends ElementType = 'div'>({ as, ...rest }: ToggleIndicatorProps<C>): React.JSX.Element;

package/components/actions/toggle/component/.partials/components/indicator/component.js

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { useToggle } from '../../../../../../../components/actions/toggle/component/.partials/hooks/hook';
+import styles from '../../../../../../../components/actions/toggle/component/.partials/styles/component.module.css';
 import classNames from 'classnames';
 import React, { useEffect, useState } from 'react';
-import { useToggle } from '../../hooks/hook';
-import styles from '../../styles/component.module.css';
 export function ToggleIndicator(_a) {
     var _b;
     var as = _a.as, rest = __rest(_a, ["as"]);

package/components/actions/toggle/component/.partials/hooks/hook.js

@@ -1,5 +1,5 @@
+import { ToggleContext } from '../../../../../../components/actions/toggle/component/.partials/providers/context/context';
 import { useContext } from 'react';
-import { ToggleContext } from '../providers/context/context';
 export function useToggle() {
     var context = useContext(ToggleContext);
     if (!context) {

package/components/actions/toggle/component/.partials/providers/context/context.d.ts

@@ -1,2 +1,2 @@
-import { ToggleContextProps } from './context.interface';
+import { ToggleContextProps } from '../../../../../../../components/actions/toggle/component/.partials/providers/context/context.interface';
 export declare const ToggleContext: import("react").Context<ToggleContextProps | null>;

package/components/actions/toggle/component/.partials/providers/provider.d.ts

@@ -1,3 +1,3 @@
+import { ToggleProviderProps } from '../../../../../../components/actions/toggle/component/.partials/providers/provider.interface';
 import React from 'react';
-import { ToggleProviderProps } from './provider.interface';
 export declare function ToggleProvider({ value: controlledValue, onChange: controlledOnChange, containerRef, orientation, children, }: ToggleProviderProps): React.JSX.Element;

package/components/actions/toggle/component/.partials/providers/provider.interface.d.ts

@@ -1,5 +1,5 @@
+import type { ToggleOrientation } from '../../../../../../components/actions/toggle/component/.partials/providers/context/context.interface';
 import { ReactNode, RefObject } from 'react';
-import type { ToggleOrientation } from './context/context.interface';
 export interface ToggleProviderProps {
     value?: any | null;
     onChange?: (value: any) => void;

package/components/actions/toggle/component/.partials/providers/provider.js

@@ -1,7 +1,7 @@
 'use client';
+import { ToggleContext } from '../../../../../../components/actions/toggle/component/.partials/providers/context/context';
+import { scrollToggleOptionIntoView } from '../../../../../../components/actions/toggle/component/.partials/utilities/scroll-toggle-option-into-view';
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
-import { scrollToggleOptionIntoView } from '../utilities/scroll-toggle-option-into-view';
-import { ToggleContext } from './context/context';
 export function ToggleProvider(_a) {
     var controlledValue = _a.value, controlledOnChange = _a.onChange, containerRef = _a.containerRef, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, children = _a.children;
     var _c = useState(null), uncontrolledValue = _c[0], setUncontrolledValue = _c[1];

package/components/actions/toggle/component/.partials/utilities/scroll-toggle-option-into-view.d.ts

@@ -1,4 +1,4 @@
-import type { ToggleOrientation } from '../providers/context/context.interface';
+import type { ToggleOrientation } from '../../../../../../components/actions/toggle/component/.partials/providers/context/context.interface';
 export type ScrollToggleIntoViewBehavior = 'auto' | 'smooth';
 /**
  * Scrolls the toggle container so that `child` is fully visible on the main axis

package/components/actions/toggle/component/index.d.ts

@@ -1,9 +1,9 @@
-import { ToggleButton } from './.partials/components/button/component';
-import { ToggleButtonProps } from './.partials/components/button/component.props';
-import { Toggle as Component } from './.partials/components/component';
-import type { ToggleProps } from './.partials/components/component.props';
-import { ToggleIndicator } from './.partials/components/indicator/component';
-import { ToggleIndicatorProps } from './.partials/components/indicator/component.props';
+import { ToggleButton } from '../../../../components/actions/toggle/component/.partials/components/button/component';
+import { ToggleButtonProps } from '../../../../components/actions/toggle/component/.partials/components/button/component.props';
+import { Toggle as Component } from '../../../../components/actions/toggle/component/.partials/components/component';
+import type { ToggleProps } from '../../../../components/actions/toggle/component/.partials/components/component.props';
+import { ToggleIndicator } from '../../../../components/actions/toggle/component/.partials/components/indicator/component';
+import { ToggleIndicatorProps } from '../../../../components/actions/toggle/component/.partials/components/indicator/component.props';
 export declare const Toggle: typeof Component & {
     Button: typeof ToggleButton;
     Indicator: typeof ToggleIndicator;

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

@@ -1,6 +1,6 @@
-import { ToggleButton } from './.partials/components/button/component';
-import { Toggle as Component } from './.partials/components/component';
-import { ToggleIndicator } from './.partials/components/indicator/component';
+import { ToggleButton } from '../../../../components/actions/toggle/component/.partials/components/button/component';
+import { Toggle as Component } from '../../../../components/actions/toggle/component/.partials/components/component';
+import { ToggleIndicator } from '../../../../components/actions/toggle/component/.partials/components/indicator/component';
 export var Toggle = Object.assign(Component, {
     Button: ToggleButton,
     Indicator: ToggleIndicator,

package/components/actions/toggle/skeleton/.partials/components/button/component.d.ts

@@ -1,3 +1,3 @@
+import { ToggleButtonSkeletonProps } from '../../../../../../../components/actions/toggle/skeleton/.partials/components/button/component.props';
 import React, { ElementType } from 'react';
-import { ToggleButtonSkeletonProps } from './component.props';
 export declare function ToggleButtonSkeleton<C extends ElementType = 'div'>({ as, ...rest }: ToggleButtonSkeletonProps<C>): React.JSX.Element;

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

@@ -20,10 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { ButtonSkeleton } from '../../../../../../../components/actions/button/skeleton/component';
+import styles from '../../../../../../../components/actions/toggle/skeleton/.partials/styles/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import { ButtonSkeleton } from '../../../../../button/skeleton/component';
-import styles from '../../styles/component.module.css';
 export function ToggleButtonSkeleton(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'div');

package/components/actions/toggle/skeleton/.partials/components/component.d.ts

@@ -1,3 +1,3 @@
+import { ToggleSkeletonProps } from '../../../../../../components/actions/toggle/skeleton/.partials/components/component.props';
 import React, { ElementType } from 'react';
-import { ToggleSkeletonProps } from './component.props';
 export declare function ToggleSkeleton<C extends ElementType = 'div'>({ as, orientation, ...rest }: ToggleSkeletonProps<C>): React.JSX.Element;

package/components/actions/toggle/skeleton/.partials/components/component.js

@@ -20,9 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/actions/toggle/skeleton/.partials/styles/component.module.css';
 import classNames from 'classnames';
 import React from 'react';
-import styles from '../styles/component.module.css';
 export function ToggleSkeleton(_a) {
     var as = _a.as, _b = _a.orientation, orientation = _b === void 0 ? 'horizontal' : _b, rest = __rest(_a, ["as", "orientation"]);
     var Component = (as || 'div');

package/components/actions/toggle/skeleton/index.d.ts

@@ -1,7 +1,7 @@
-import { ToggleButtonSkeleton } from './.partials/components/button/component';
-import { ToggleButtonSkeletonProps } from './.partials/components/button/component.props';
-import { ToggleSkeleton as Component } from './.partials/components/component';
-import type { ToggleSkeletonProps } from './.partials/components/component.props';
+import { ToggleButtonSkeleton } from '../../../../components/actions/toggle/skeleton/.partials/components/button/component';
+import { ToggleButtonSkeletonProps } from '../../../../components/actions/toggle/skeleton/.partials/components/button/component.props';
+import { ToggleSkeleton as Component } from '../../../../components/actions/toggle/skeleton/.partials/components/component';
+import type { ToggleSkeletonProps } from '../../../../components/actions/toggle/skeleton/.partials/components/component.props';
 export declare const ToggleSkeleton: typeof Component & {
     Button: typeof ToggleButtonSkeleton;
 };

package/components/actions/toggle/skeleton/index.js

@@ -1,5 +1,5 @@
-import { ToggleButtonSkeleton } from './.partials/components/button/component';
-import { ToggleSkeleton as Component } from './.partials/components/component';
+import { ToggleButtonSkeleton } from '../../../../components/actions/toggle/skeleton/.partials/components/button/component';
+import { ToggleSkeleton as Component } from '../../../../components/actions/toggle/skeleton/.partials/components/component';
 export var ToggleSkeleton = Object.assign(Component, {
     Button: ToggleButtonSkeleton,
 });

package/components/actions/upload/component/component.d.ts

@@ -1,3 +1,3 @@
+import { UploadProps } from '../../../../components/actions/upload/component/component.interface';
 import React, { ElementType } from 'react';
-import { UploadProps } from './component.interface';
 export declare function Upload<C extends ElementType = 'fieldset'>({ as, ...rest }: UploadProps<C>): React.JSX.Element;

package/components/actions/upload/component/component.js

@@ -21,10 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../components/actions/upload/component/component.module.css';
+import { UploadProvider } from '../../../../components/actions/upload/component/providers/provider';
 import classNames from 'classnames';
 import React from 'react';
-import styles from './component.module.css';
-import { UploadProvider } from './providers/provider';
 export function Upload(_a) {
     var as = _a.as, rest = __rest(_a, ["as"]);
     var Component = (as || 'fieldset');

package/components/actions/upload/component/components/input/component.d.ts

@@ -1,3 +1,3 @@
+import { UploadInputProps } from '../../../../../../components/actions/upload/component/components/input/component.interface';
 import React from 'react';
-import { UploadInputProps } from './component.interface';
 export declare function UploadInput({ ...rest }: UploadInputProps): React.JSX.Element;

package/components/actions/upload/component/components/input/component.js

@@ -21,10 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/actions/upload/component/component.module.css';
+import { useUpload } from '../../../../../../components/actions/upload/component/hooks/hook';
 import classNames from 'classnames';
 import React, { useEffect, useId } from 'react';
-import styles from '../../component.module.css';
-import { useUpload } from '../../hooks/hook';
 export function UploadInput(_a) {
     var _b, _c;
     var rest = __rest(_a, []);
@@ -37,10 +37,11 @@ export function UploadInput(_a) {
     }, [setId, setName, uniqueId, uniqueName]);
     var handleFileChange = function (e) {
         var _a;
-        if (!e.target.files || e.target.files.length === 0)
+        if (!e.target.files || e.target.files.length === 0) {
             return;
+        }
         var files = Array.from(e.target.files);
         (_a = rest === null || rest === void 0 ? void 0 : rest.onChange) === null || _a === void 0 ? void 0 : _a.call(rest, files);
     };
-    return (React.createElement("input", __assign({}, rest, { id: uniqueId, name: uniqueName, type: "file", onChange: handleFileChange, className: classNames('mosuk-upload-input', styles.input, rest === null || rest === void 0 ? void 0 : rest.className) })));
+    return (React.createElement("input", __assign({}, rest, { id: uniqueId, name: uniqueName, type: 'file', onChange: handleFileChange, className: classNames('mosuk-upload-input', styles.input, rest === null || rest === void 0 ? void 0 : rest.className) })));
 }

package/components/actions/upload/component/components/label/component.d.ts

@@ -1,3 +1,3 @@
+import { UploadLabelProps } from '../../../../../../components/actions/upload/component/components/label/component.interface';
 import React, { ElementType } from 'react';
-import { UploadLabelProps } from './component.interface';
 export declare function UploadLabel<C extends ElementType = 'label'>({ as, ...rest }: UploadLabelProps<C>): React.JSX.Element;

package/components/actions/upload/component/components/label/component.js

@@ -21,10 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import styles from '../../../../../../components/actions/upload/component/component.module.css';
+import { UploadContext } from '../../../../../../components/actions/upload/component/providers/context/context';
 import classNames from 'classnames';
 import React, { useContext } from 'react';
-import styles from '../../component.module.css';
-import { UploadContext } from '../../providers/context/context';
 export function UploadLabel(_a) {
     var _b;
     var as = _a.as, rest = __rest(_a, ["as"]);

package/components/actions/upload/component/hooks/hook.d.ts

@@ -1,2 +1,2 @@
-import { useUploadProps } from './hook.interface';
+import { useUploadProps } from '../../../../../components/actions/upload/component/hooks/hook.interface';
 export declare function useUpload(): useUploadProps;

package/components/actions/upload/component/hooks/hook.interface.d.ts

@@ -1,3 +1,3 @@
-import { UploadContextProps } from '../providers/context/context.interface';
+import { UploadContextProps } from '../../../../../components/actions/upload/component/providers/context/context.interface';
 export interface useUploadProps extends UploadContextProps {
 }

package/components/actions/upload/component/hooks/hook.js

@@ -9,8 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { UploadContext } from '../../../../../components/actions/upload/component/providers/context/context';
 import { useContext } from 'react';
-import { UploadContext } from '../providers/context/context';
 export function useUpload() {
     var context = useContext(UploadContext);
     if (!context) {

package/components/actions/upload/component/index.d.ts

@@ -1,9 +1,9 @@
-import { Upload as UploadComponent } from './component';
-import type { UploadProps } from './component.interface';
-import { UploadInput } from './components/input/component';
-import { UploadInputProps } from './components/input/component.interface';
-import { UploadLabel } from './components/label/component';
-import { UploadLabelProps } from './components/label/component.interface';
+import { Upload as UploadComponent } from '../../../../components/actions/upload/component/component';
+import type { UploadProps } from '../../../../components/actions/upload/component/component.interface';
+import { UploadInput } from '../../../../components/actions/upload/component/components/input/component';
+import { UploadInputProps } from '../../../../components/actions/upload/component/components/input/component.interface';
+import { UploadLabel } from '../../../../components/actions/upload/component/components/label/component';
+import { UploadLabelProps } from '../../../../components/actions/upload/component/components/label/component.interface';
 export declare const Upload: typeof UploadComponent & {
     Input: typeof UploadInput;
     Label: typeof UploadLabel;

package/components/actions/upload/component/index.js

@@ -1,6 +1,6 @@
-import { Upload as UploadComponent } from './component';
-import { UploadInput } from './components/input/component';
-import { UploadLabel } from './components/label/component';
+import { Upload as UploadComponent } from '../../../../components/actions/upload/component/component';
+import { UploadInput } from '../../../../components/actions/upload/component/components/input/component';
+import { UploadLabel } from '../../../../components/actions/upload/component/components/label/component';
 export var Upload = Object.assign(UploadComponent, {
     Input: UploadInput,
     Label: UploadLabel,

package/components/actions/upload/component/providers/context/context.d.ts

@@ -1,2 +1,2 @@
-import { UploadContextProps } from './context.interface';
+import { UploadContextProps } from '../../../../../../components/actions/upload/component/providers/context/context.interface';
 export declare const UploadContext: import("react").Context<UploadContextProps | null>;

package/components/actions/upload/component/providers/provider.d.ts

@@ -1,3 +1,3 @@
+import { UploadProviderProps } from '../../../../../components/actions/upload/component/providers/provider.interface';
 import React from 'react';
-import { UploadProviderProps } from './provider.interface';
 export declare const UploadProvider: ({ ...rest }: UploadProviderProps) => React.JSX.Element;

package/components/actions/upload/component/providers/provider.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+import { UploadContext } from '../../../../../components/actions/upload/component/providers/context/context';
 import React, { useState } from 'react';
-import { UploadContext } from './context/context';
 export var UploadProvider = function (_a) {
     var rest = __rest(_a, []);
     var _b = useState(''), ctxId = _b[0], setCtxId = _b[1];

package/components/collections/accordion/component/component.d.ts

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