mosuk-ui 1.0.1

package/components/texts/h1/skeleton/component.js

@@ -0,0 +1,30 @@
+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 H1Skeleton(_a) {
+    var as = _a.as, rest = __rest(_a, ["as"]);
+    var Component = (as || 'div');
+    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-h1-skeleton', styles.h1, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h1/skeleton/component.module.css

@@ -0,0 +1,60 @@
+@layer mosuk-ui {
+    @layer texts {
+        @layer layer-1 {
+            .h1 {
+                display: block;
+
+                width: 100%;
+
+                font-size: var(--text-xl, 1.25rem);
+                text-align: start;
+                line-height: 0;
+
+                .text {
+                    display: inline-flex;
+
+                    width: 100%;
+                    height: 1.2em;
+                    min-height: 1.2em;
+
+                    line-height: 0;
+
+                    border-radius: calc(infinity * 1px);
+                }
+
+                &:has(.icon) {
+                    .text {
+                        display: inline-flex;
+
+                        width: 50%;
+                        max-width: calc(100% - calc(var(--spacing, .25rem) * 10) - calc(var(--spacing, .25rem) * 2.6125));
+
+                        line-height: var(--leading-relaxed, 1.625);
+                        vertical-align: top;
+
+                        margin-top: 0.15em;
+                        margin-left: calc(var(--spacing, .25rem) * 2.6125);
+                    }
+                }
+            }
+        }
+    }
+
+    @layer index-20 {
+        .h1 {
+            &:has(.icon) {
+                .icon {
+                    display: inline-flex;
+
+                    width: calc(var(--spacing, .25rem) * 10);
+                    height: calc(var(--spacing, .25rem) * 10);
+                    min-width: calc(var(--spacing, .25rem) * 10);
+                    min-height: calc(var(--spacing, .25rem) * 10);
+                    font-size: var(--text-base, 1rem);
+
+                    padding: calc(var(--spacing, .25rem) * 2.6125);
+                }
+            }
+        }
+    }
+}

package/components/texts/h1/skeleton/icon/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { H1IconSkeletonProps } from './component.interface';
+export declare function H1IconSKeleton({ ...rest }: H1IconSkeletonProps): React.JSX.Element;

package/components/texts/h1/skeleton/icon/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { IconSkeletonProps } from '../../../../actions/icon/skeleton/component.interface';
+export interface H1IconSkeletonProps extends IconSkeletonProps {
+}

package/components/texts/h1/skeleton/icon/component.interface.js

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

package/components/texts/h1/skeleton/icon/component.js

@@ -0,0 +1,30 @@
+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 { IconSkeleton } from '../../../../actions/icon/skeleton/component';
+import styles from '../component.module.css';
+export function H1IconSKeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(IconSkeleton, __assign({}, rest, { className: classNames('mosuk-h1-icon-skeleton', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h1/skeleton/index.d.ts

@@ -0,0 +1,19 @@
+import { H1Skeleton as BaseH1Skeleton } from './component';
+import { H1SkeletonProps } from './component.interface';
+import { H1IconSKeleton } from './icon/component';
+import { H1IconSkeletonProps } from './icon/component.interface';
+import { H1TextSkeleton } from './text/component';
+import { H1TextSkeletonProps } from './text/component.interface';
+export declare const H1Skeleton: typeof BaseH1Skeleton & {
+    Icon: typeof H1IconSKeleton;
+    Text: typeof H1TextSkeleton;
+};
+export declare namespace H1 {
+    type Props = H1SkeletonProps;
+    namespace Icon {
+        type Props = H1IconSkeletonProps;
+    }
+    namespace Text {
+        type Props = H1TextSkeletonProps;
+    }
+}

package/components/texts/h1/skeleton/index.js

@@ -0,0 +1,7 @@
+import { H1Skeleton as BaseH1Skeleton } from './component';
+import { H1IconSKeleton } from './icon/component';
+import { H1TextSkeleton } from './text/component';
+export var H1Skeleton = Object.assign(BaseH1Skeleton, {
+    Icon: H1IconSKeleton,
+    Text: H1TextSkeleton,
+});

package/components/texts/h1/skeleton/text/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { H1TextSkeletonProps } from './component.interface';
+export declare function H1TextSkeleton({ ...rest }: H1TextSkeletonProps): React.JSX.Element;

package/components/texts/h1/skeleton/text/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { SkeletonProps } from '../../../../display/skeleton/component/component.interface';
+export interface H1TextSkeletonProps extends SkeletonProps<ElementType> {
+}

package/components/texts/h1/skeleton/text/component.interface.js

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

package/components/texts/h1/skeleton/text/component.js

@@ -0,0 +1,30 @@
+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 { Skeleton } from '../../../../display/skeleton/component/component';
+import styles from '../component.module.css';
+export function H1TextSkeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Skeleton, __assign({}, rest, { className: classNames('mosuk-h1-text-skeleton', styles.text, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h2/component/component.d.ts

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

package/components/texts/h2/component/component.interface.d.ts

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

package/components/texts/h2/component/component.interface.js

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

package/components/texts/h2/component/component.js

@@ -0,0 +1,30 @@
+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 H2(_a) {
+    var as = _a.as, rest = __rest(_a, ["as"]);
+    var Component = (as || 'h2');
+    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-h2', styles.h2, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h2/component/component.module.css

@@ -0,0 +1,53 @@
+@layer mosuk-ui {
+    @layer index-10 {
+        .h2 {
+            display: block;
+
+            font-size: 1.125rem;
+            font-weight: 500;
+            text-align: start;
+            line-height: var(--leading-relaxed, 1.625);
+
+            transition: all 200ms ease-in-out;
+
+            &:not(:hover) {
+                transition: all 600ms ease-in-out;
+            }
+
+            &:has(.icon) {
+                line-height: 0;
+
+                .text {
+                    display: inline-flex;
+
+                    width: auto;
+                    max-width: calc(100% - calc(var(--spacing, .25rem) * 9) - calc(var(--spacing, .25rem) * 2.5));
+
+                    line-height: var(--leading-relaxed, 1.625);
+                    vertical-align: top;
+
+                    margin-top: 0.25em;
+                    margin-left: calc(var(--spacing, .25rem) * 2.5);
+                }
+            }
+        }
+    }
+
+    @layer index-20 {
+        .h2 {
+            &:has(.icon) {
+                .icon {
+                    display: inline-flex;
+
+                    width: calc(var(--spacing, .25rem) * 9);
+                    height: calc(var(--spacing, .25rem) * 9);
+                    min-width: calc(var(--spacing, .25rem) * 9);
+                    min-height: calc(var(--spacing, .25rem) * 9);
+                    font-size: var(--text-base, 1rem);
+
+                    padding: calc(var(--spacing, .25rem) * 2.5);
+                }
+            }
+        }
+    }
+}

package/components/texts/h2/component/icon/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { H2IconProps } from './component.interface';
+export declare function H2Icon({ ...rest }: H2IconProps): React.JSX.Element;

package/components/texts/h2/component/icon/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { IconProps } from '../../../../actions/icon/component/component.interface';
+export interface H2IconProps extends IconProps<ElementType> {
+}

package/components/texts/h2/component/icon/component.interface.js

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

package/components/texts/h2/component/icon/component.js

@@ -0,0 +1,30 @@
+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 { Icon } from '../../../../actions/icon/component/index';
+import styles from '../component.module.css';
+export function H2Icon(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Icon, __assign({}, rest, { className: classNames('mosuk-h2-icon', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h2/component/index.d.ts

@@ -0,0 +1,19 @@
+import { H2 as BaseH2 } from './component';
+import type { H2Props } from './component.interface';
+import { H2Icon } from './icon/component';
+import { H2IconProps } from './icon/component.interface';
+import { H2Text } from './text/component';
+import { H2TextProps } from './text/component.interface';
+export declare const H2: typeof BaseH2 & {
+    Icon: typeof H2Icon;
+    Text: typeof H2Text;
+};
+export declare namespace H2 {
+    type Props = H2Props;
+    namespace Icon {
+        type Props = H2IconProps;
+    }
+    namespace Text {
+        type Props = H2TextProps;
+    }
+}

package/components/texts/h2/component/index.js

@@ -0,0 +1,7 @@
+import { H2 as BaseH2 } from './component';
+import { H2Icon } from './icon/component';
+import { H2Text } from './text/component';
+export var H2 = Object.assign(BaseH2, {
+    Icon: H2Icon,
+    Text: H2Text,
+});

package/components/texts/h2/component/text/component.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { H2TextProps } from './component.interface';
+import React from 'react';
+export declare function H2Text<C extends ElementType = 'span'>({ as, ...rest }: H2TextProps<C>): React.JSX.Element;

package/components/texts/h2/component/text/component.interface.d.ts

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

package/components/texts/h2/component/text/component.interface.js

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

package/components/texts/h2/component/text/component.js

@@ -0,0 +1,30 @@
+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 styles from '../component.module.css';
+import React from 'react';
+export function H2Text(_a) {
+    var as = _a.as, rest = __rest(_a, ["as"]);
+    var Component = (as || 'span');
+    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-h2-text', styles.text, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h2/skeleton/component.d.ts

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

package/components/texts/h2/skeleton/component.interface.d.ts

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

package/components/texts/h2/skeleton/component.interface.js

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

package/components/texts/h2/skeleton/component.js

@@ -0,0 +1,30 @@
+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 H2Skeleton(_a) {
+    var as = _a.as, rest = __rest(_a, ["as"]);
+    var Component = (as || 'div');
+    return (React.createElement(Component, __assign({}, rest, { className: classNames('mosuk-h2-skeleton', styles.h2, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h2/skeleton/component.module.css

@@ -0,0 +1,58 @@
+@layer mosuk-ui {
+    @layer index-10 {
+        .h2 {
+            display: block;
+
+            width: 100%;
+
+            font-size: 1.125rem;
+            text-align: start;
+            line-height: 0;
+
+            .text {
+                display: inline-flex;
+
+                width: 100%;
+                height: 1.2;
+                min-height: 1.2em;
+
+                line-height: 0;
+
+                border-radius: calc(infinity * 1px);
+            }
+
+            &:has(.icon) {
+                .text {
+                    display: inline-flex;
+
+                    width: 50%;
+                    max-width: calc(100% - calc(var(--spacing, .25rem) * 9) - calc(var(--spacing, .25rem) * 2.5));
+
+                    line-height: var(--leading-relaxed, 1.625);
+                    vertical-align: top;
+
+                    margin-top: 0.25em;
+                    margin-left: calc(var(--spacing, .25rem) * 2.5);
+                }
+            }
+        }
+    }
+
+    @layer index-20 {
+        .h2 {
+            &:has(.icon) {
+                .icon {
+                    display: inline-flex;
+
+                    width: calc(var(--spacing, .25rem) * 9);
+                    height: calc(var(--spacing, .25rem) * 9);
+                    min-width: calc(var(--spacing, .25rem) * 9);
+                    min-height: calc(var(--spacing, .25rem) * 9);
+                    font-size: var(--text-base, 1rem);
+
+                    padding: calc(var(--spacing, .25rem) * 2.5);
+                }
+            }
+        }
+    }
+}

package/components/texts/h2/skeleton/icon/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { H2IconSkeletonProps } from './component.interface';
+export declare function H2IconSKeleton({ ...rest }: H2IconSkeletonProps): React.JSX.Element;

package/components/texts/h2/skeleton/icon/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { IconSkeletonProps } from '../../../../actions/icon/skeleton/component.interface';
+export interface H2IconSkeletonProps extends IconSkeletonProps {
+}

package/components/texts/h2/skeleton/icon/component.interface.js

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

package/components/texts/h2/skeleton/icon/component.js

@@ -0,0 +1,30 @@
+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 { IconSkeleton } from '../../../../actions/icon/skeleton/component';
+import styles from '../component.module.css';
+export function H2IconSKeleton(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(IconSkeleton, __assign({}, rest, { className: classNames('mosuk-h2-icon-skeleton', styles.icon, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/texts/h2/skeleton/index.d.ts

@@ -0,0 +1,19 @@
+import { H2Skeleton as BaseH2Skeleton } from './component';
+import { H2SkeletonProps } from './component.interface';
+import { H2IconSKeleton } from './icon/component';
+import { H2IconSkeletonProps } from './icon/component.interface';
+import { H2TextSkeleton } from './text/component';
+import { H2TextSkeletonProps } from './text/component.interface';
+export declare const H2Skeleton: typeof BaseH2Skeleton & {
+    Icon: typeof H2IconSKeleton;
+    Text: typeof H2TextSkeleton;
+};
+export declare namespace H2 {
+    type Props = H2SkeletonProps;
+    namespace Icon {
+        type Props = H2IconSkeletonProps;
+    }
+    namespace Text {
+        type Props = H2TextSkeletonProps;
+    }
+}

package/components/texts/h2/skeleton/index.js

@@ -0,0 +1,7 @@
+import { H2Skeleton as BaseH2Skeleton } from './component';
+import { H2IconSKeleton } from './icon/component';
+import { H2TextSkeleton } from './text/component';
+export var H2Skeleton = Object.assign(BaseH2Skeleton, {
+    Icon: H2IconSKeleton,
+    Text: H2TextSkeleton,
+});

package/components/texts/h2/skeleton/text/component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { H2TextSkeletonProps } from './component.interface';
+export declare function H2TextSkeleton({ ...rest }: H2TextSkeletonProps): React.JSX.Element;

package/components/texts/h2/skeleton/text/component.interface.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { SkeletonProps } from '../../../../display/skeleton/component/component.interface';
+export interface H2TextSkeletonProps extends SkeletonProps<ElementType> {
+}

package/components/texts/h2/skeleton/text/component.interface.js

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