mosuk-ui 1.0.1

package/components/collections/accordion/component/component.interface.js

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

package/components/collections/accordion/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 { Accordion as BaseAccordion } from '@base-ui-components/react/accordion';
+import classNames from 'classnames';
+import React from 'react';
+import styles from './component.module.css';
+export function Accordion(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(BaseAccordion.Root, __assign({}, rest, { className: classNames('mosuk-accordion', styles.accordion, rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/collections/accordion/component/component.module.css

@@ -0,0 +1,61 @@
+@layer mosuk-ui {
+  @layer index-14 {
+    .accordion {
+      .item {
+        padding-bottom: calc(var(--spacing, .25rem) * 4);
+        margin-bottom: calc(var(--spacing, .25rem) * 4);
+        border-bottom: 1px solid var(--color-gray-100, oklch(0.967 0.003 264.542));
+
+        &:last-child {
+          padding-bottom: 0;
+          margin-bottom: 0;
+          border-bottom: none;
+        }
+
+        .header {
+          width: 100%;
+
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: calc(var(--spacing, .25rem) * 4);
+
+          .headerContent {
+            width: 100%;
+
+            text-align: left;
+
+            cursor: pointer;
+          }
+
+          .icon {
+            &[data-panel-open] {
+              background-color: var(--color-gray-100, oklch(0.967 0.003 264.542));
+              color: var(--color-gray-500, oklch(0.551 0.027 264.364));
+
+              svg {
+                transform: rotate(45deg);
+              }
+            }
+          }
+        }
+      }
+
+      .content {
+        overflow: hidden;
+        height: var(--accordion-panel-height);
+
+        font-size: var(--text-sm, 0.875rem);
+
+        padding-top: calc(var(--spacing, .25rem) * 4);
+
+        transition: height 150ms ease-out;
+
+        &[data-starting-style],
+        &[data-ending-style] {
+          height: 0;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+import { Accordion as BaseAccordion } from './component';
+import type { AccordionProps } from './component.interface';
+import { AccordionItem as BaseAccordionItem } from './item/component';
+import { AccordionItemProps } from './item/component.interface';
+import { AccordionContent as BaseAccordionContent } from './item/content/component';
+import { AccordionContentProps } from './item/content/component.interface';
+import { AccordionHeader as BaseAccordionHeader } from './item/header/component';
+import { AccordionHeaderProps } from './item/header/component.interface';
+import { AccordionHeaderContent as BaseAccordionHeaderContent } from './item/header/content/component';
+import { AccordionHeaderContentProps } from './item/header/content/component.interface';
+import { AccordionHeaderIcon as BaseAccordionHeaderIcon } from './item/header/icon/component';
+import { AccordionHeaderIconProps } from './item/header/icon/component.interface';
+export declare const Accordion: typeof BaseAccordion & {
+    Item: typeof BaseAccordionItem;
+    Header: typeof BaseAccordionHeader & {
+        Icon: typeof BaseAccordionHeaderIcon;
+        Content: typeof BaseAccordionHeaderContent;
+    };
+    Content: typeof BaseAccordionContent;
+};
+export declare namespace Accordion {
+    type Props = AccordionProps;
+    namespace Item {
+        type Props = AccordionItemProps;
+    }
+    namespace Header {
+        type Props = AccordionHeaderProps;
+        namespace Icon {
+            type Props = AccordionHeaderIconProps;
+        }
+        namespace Content {
+            type Props = AccordionHeaderContentProps;
+        }
+    }
+    namespace Content {
+        type Props = AccordionContentProps;
+    }
+}

package/components/collections/accordion/component/index.js

@@ -0,0 +1,14 @@
+import { Accordion as BaseAccordion } from './component';
+import { AccordionItem as BaseAccordionItem } from './item/component';
+import { AccordionContent as BaseAccordionContent } from './item/content/component';
+import { AccordionHeader as BaseAccordionHeader } from './item/header/component';
+import { AccordionHeaderContent as BaseAccordionHeaderContent } from './item/header/content/component';
+import { AccordionHeaderIcon as BaseAccordionHeaderIcon } from './item/header/icon/component';
+export var Accordion = Object.assign(BaseAccordion, {
+    Item: BaseAccordionItem,
+    Header: Object.assign(BaseAccordionHeader, {
+        Content: BaseAccordionHeaderContent,
+        Icon: BaseAccordionHeaderIcon,
+    }),
+    Content: BaseAccordionContent,
+});

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

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

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

@@ -0,0 +1,3 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+export interface AccordionItemProps extends Accordion.Item.Props {
+}

package/components/collections/accordion/component/item/component.interface.js

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

package/components/collections/accordion/component/item/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 { Accordion as BaseAccordion } from '@base-ui-components/react/accordion';
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../component.module.css';
+export function AccordionItem(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(BaseAccordion.Item, __assign({}, rest, { className: classNames('mosuk-accordion-item', styles.item, rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

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

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

package/components/collections/accordion/component/item/content/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+export interface AccordionContentProps extends Accordion.Panel.Props {
+}

package/components/collections/accordion/component/item/content/component.interface.js

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

package/components/collections/accordion/component/item/content/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 { Accordion as BaseAccordion } from '@base-ui-components/react/accordion';
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../../component.module.css';
+export function AccordionContent(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(BaseAccordion.Panel, __assign({}, rest, { className: classNames('mosuk-accordion-item-content', styles.content, rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

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

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

package/components/collections/accordion/component/item/header/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+export interface AccordionHeaderProps extends Accordion.Header.Props {
+}

package/components/collections/accordion/component/item/header/component.interface.js

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

package/components/collections/accordion/component/item/header/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 { Accordion as BaseAccordion } from '@base-ui-components/react/accordion';
+import classNames from 'classnames';
+import React from 'react';
+import styles from '../../component.module.css';
+export function AccordionHeader(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(BaseAccordion.Header, __assign({}, rest, { className: classNames('mosuk-accordion-item-header', styles.header, rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/collections/accordion/component/item/header/content/component.d.ts

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

package/components/collections/accordion/component/item/header/content/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+export interface AccordionHeaderContentProps extends Accordion.Trigger.Props {
+}

package/components/collections/accordion/component/item/header/content/component.interface.js

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

package/components/collections/accordion/component/item/header/content/component.js

@@ -0,0 +1,29 @@
+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 { Accordion as BaseAccordion } from '@base-ui-components/react/accordion';
+import classNames from 'classnames';
+import React from 'react';
+export function AccordionHeaderContent(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(BaseAccordion.Trigger, __assign({}, rest, { className: classNames('mosuk-accordion-item-header-content', rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

package/components/collections/accordion/component/item/header/icon/component.d.ts

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

package/components/collections/accordion/component/item/header/icon/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { Accordion } from '@base-ui-components/react/accordion';
+export interface AccordionHeaderIconProps extends Accordion.Trigger.Props {
+}

package/components/collections/accordion/component/item/header/icon/component.interface.js

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

package/components/collections/accordion/component/item/header/icon/component.js

@@ -0,0 +1,32 @@
+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 { Accordion as BaseAccordion } from '@base-ui-components/react/accordion';
+import classNames from 'classnames';
+import { Plus } from 'lucide-react';
+import React from 'react';
+import { Icon } from '../../../../../../actions/icon/component/component';
+import styles from '../../../component.module.css';
+export function AccordionHeaderIcon(_a) {
+    var rest = __rest(_a, []);
+    return (React.createElement(Icon, __assign({ as: BaseAccordion.Trigger }, rest, { className: classNames('mosuk-accordion-item-header-icon', styles.icon, rest.className) }), (rest === null || rest === void 0 ? void 0 : rest.children) || React.createElement(Plus, null)));
+}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AccordionSkeletonHeaderContentProps, AccordionSkeletonHeaderIconProps, AccordionSkeletonHeaderProps, AccordionSkeletonItemProps, AccordionSkeletonProps } from './component.interface';
+export declare function AccordionSkeleton({ ...props }: AccordionSkeletonProps): React.JSX.Element;
+export declare function AccordionSkeletonItem({ ...props }: AccordionSkeletonItemProps): React.JSX.Element;
+export declare function AccordionSkeletonHeader({ ...props }: AccordionSkeletonHeaderProps): React.JSX.Element;
+export declare function AccordionSkeletonHeaderContent({ ...props }: AccordionSkeletonHeaderContentProps): React.JSX.Element;
+export declare function AccordionSkeletonHeaderIcon({ ...props }: AccordionSkeletonHeaderIconProps): React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+import { IconSkeletonProps } from '../../../actions/icon/skeleton/component.interface';
+export interface AccordionSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface AccordionSkeletonItemProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface AccordionSkeletonHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface AccordionSkeletonHeaderIconProps extends IconSkeletonProps {
+}
+export interface AccordionSkeletonHeaderContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface AccordionSkeletonContentProps extends HTMLAttributes<HTMLDivElement> {
+}

package/components/collections/accordion/skeleton/component.interface.js

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

package/components/collections/accordion/skeleton/component.js

@@ -0,0 +1,51 @@
+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 React from 'react';
+import { IconSkeleton } from '../../../actions/icon/skeleton/component';
+import { H3Skeleton } from '../../../texts/h3/skeleton/component';
+import { H3TextSkeleton } from '../../../texts/h3/skeleton/text/component';
+import styles from './component.module.css';
+export function AccordionSkeleton(_a) {
+    var _b;
+    var props = __rest(_a, []);
+    return (React.createElement("div", __assign({}, props, { className: "mosuk-accordion-skeleton ".concat(styles.accordion, " ").concat((_b = props.className) !== null && _b !== void 0 ? _b : '') }), props === null || props === void 0 ? void 0 : props.children));
+}
+export function AccordionSkeletonItem(_a) {
+    var _b;
+    var props = __rest(_a, []);
+    return (React.createElement("div", __assign({}, props, { className: "".concat(styles.item, " ").concat((_b = props.className) !== null && _b !== void 0 ? _b : '') }), props === null || props === void 0 ? void 0 : props.children));
+}
+export function AccordionSkeletonHeader(_a) {
+    var _b;
+    var props = __rest(_a, []);
+    return (React.createElement("div", __assign({}, props, { className: "".concat(styles.header, " ").concat((_b = props.className) !== null && _b !== void 0 ? _b : '') }), props === null || props === void 0 ? void 0 : props.children));
+}
+export function AccordionSkeletonHeaderContent(_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(H3Skeleton, __assign({}, props),
+        React.createElement(H3TextSkeleton, null)));
+}
+export function AccordionSkeletonHeaderIcon(_a) {
+    var props = __rest(_a, []);
+    return React.createElement(IconSkeleton, __assign({}, props));
+}

package/components/collections/accordion/skeleton/component.module.css

@@ -0,0 +1,26 @@
+@layer mosuk-ui {
+  @layer index-14 {
+    .accordion {
+      .item {
+        padding-bottom: calc(var(--spacing, 0.25) * 7);
+        margin-bottom: calc(var(--spacing, 0.25) * 7);
+        border-bottom: 1px solid var(--color-gray-200, oklch(0.928 0.006 264.531));
+
+        &:last-child {
+          padding-bottom: 0;
+          margin-bottom: 0;
+          border-bottom: none;
+        }
+
+        .header {
+          width: 100%;
+
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: calc(var(--spacing, 0.25) * 8);
+        }
+      }
+    }
+  }
+}

package/components/collections/accordion/skeleton/index.d.ts

@@ -0,0 +1,24 @@
+import { AccordionSkeleton as BaseAccordionSkeleton, AccordionSkeletonHeader as BaseAccordionSkeletonHeader, AccordionSkeletonHeaderContent as BaseAccordionSkeletonHeaderContent, AccordionSkeletonHeaderIcon as BaseAccordionSkeletonHeaderIcon, AccordionSkeletonItem as BaseAccordionSkeletonItem } from './component';
+import type { AccordionSkeletonHeaderContentProps, AccordionSkeletonHeaderIconProps, AccordionSkeletonHeaderProps, AccordionSkeletonItemProps, AccordionSkeletonProps } from './component.interface';
+export declare const AccordionSkeleton: typeof BaseAccordionSkeleton & {
+    Item: typeof BaseAccordionSkeletonItem;
+    Header: typeof BaseAccordionSkeletonHeader & {
+        Content: typeof BaseAccordionSkeletonHeaderContent;
+        Icon: typeof BaseAccordionSkeletonHeaderIcon;
+    };
+};
+export declare namespace AccordionSkeleton {
+    type Props = AccordionSkeletonProps;
+    namespace Item {
+        type Props = AccordionSkeletonItemProps;
+    }
+    namespace Header {
+        type Props = AccordionSkeletonHeaderProps;
+        namespace Content {
+            type Props = AccordionSkeletonHeaderContentProps;
+        }
+        namespace Icon {
+            type Props = AccordionSkeletonHeaderIconProps;
+        }
+    }
+}

package/components/collections/accordion/skeleton/index.js

@@ -0,0 +1,8 @@
+import { AccordionSkeleton as BaseAccordionSkeleton, AccordionSkeletonHeader as BaseAccordionSkeletonHeader, AccordionSkeletonHeaderContent as BaseAccordionSkeletonHeaderContent, AccordionSkeletonHeaderIcon as BaseAccordionSkeletonHeaderIcon, AccordionSkeletonItem as BaseAccordionSkeletonItem, } from './component';
+export var AccordionSkeleton = Object.assign(BaseAccordionSkeleton, {
+    Item: BaseAccordionSkeletonItem,
+    Header: Object.assign(BaseAccordionSkeletonHeader, {
+        Content: BaseAccordionSkeletonHeaderContent,
+        Icon: BaseAccordionSkeletonHeaderIcon,
+    }),
+});

package/components/collections/breadcrumbs/component/button/component.d.ts

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

package/components/collections/breadcrumbs/component/button/component.interface.d.ts

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

package/components/collections/breadcrumbs/component/button/component.interface.js

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

package/components/collections/breadcrumbs/component/button/component.js

@@ -0,0 +1,31 @@
+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 { Button } from '../../../../actions/button/component/component';
+import styles from '../component.module.css';
+export function BreadcrumbsButton(_a) {
+    var _b;
+    var rest = __rest(_a, []);
+    return (React.createElement(Button, __assign({}, rest, { as: (_b = rest === null || rest === void 0 ? void 0 : rest.as) !== null && _b !== void 0 ? _b : 'span', className: classNames('mosuk-breadcrumbs-button', styles.button, rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SwiperProps } from 'swiper/react';
+export declare function Breadcrumbs({ children, ...rest }: SwiperProps): React.JSX.Element;

package/components/collections/breadcrumbs/component/component.interface.d.ts

@@ -0,0 +1,3 @@
+import { SwiperProps } from 'swiper/react';
+export interface BreadcrumbsProps extends SwiperProps {
+}

package/components/collections/breadcrumbs/component/component.interface.js

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

package/components/collections/breadcrumbs/component/component.js

@@ -0,0 +1,39 @@
+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 React, { Children, isValidElement } from 'react';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { BreadcrumbsButtonSkeleton } from '../skeleton/button/component';
+import { BreadcrumbsIconSkeleton } from '../skeleton/icon/component';
+import { BreadcrumbsButton } from './button/component';
+import styles from './component.module.css';
+import { BreadcrumbsIcon } from './icon/component';
+export function Breadcrumbs(_a) {
+    var _b, _c, _d, _e;
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (React.createElement(Swiper, __assign({}, rest, { modules: [], freeMode: (_b = rest === null || rest === void 0 ? void 0 : rest.freeMode) !== null && _b !== void 0 ? _b : true, slidesPerView: (_c = rest === null || rest === void 0 ? void 0 : rest.slidesPerView) !== null && _c !== void 0 ? _c : 'auto', spaceBetween: (_d = rest === null || rest === void 0 ? void 0 : rest.spaceBetween) !== null && _d !== void 0 ? _d : 4, className: "mosuk-breadcrumbs ".concat(styles.breadcrumbs, " ").concat((_e = rest.className) !== null && _e !== void 0 ? _e : '') }), Children.map(children, function (child, index) {
+        if (isValidElement(child) && (child.type === BreadcrumbsIcon || child.type === BreadcrumbsButton || child.type === BreadcrumbsIconSkeleton || child.type === BreadcrumbsButtonSkeleton)) {
+            return (React.createElement(SwiperSlide, { key: index, className: styles.slide }, child));
+        }
+        return child;
+    })));
+}