@wireapp/react-ui-kit 9.69.4 → 9.69.5

package/lib/Typography/TextLink/TextLink.d.ts

@@ -0,0 +1,7 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../Identity/Theme';
+import { LinkProps } from '../Link';
+export type TextLinkProps<T = HTMLAnchorElement> = LinkProps<T>;
+export declare const textLinkStyle: <T>(theme: Theme, props: TextLinkProps<T>) => CSSObject;
+export declare const TextLink: (props: TextLinkProps<HTMLAnchorElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextLink.d.ts.map

package/lib/Typography/TextLink/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/Typography/TextLink/TextLink.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,SAKxE,CAAC;AAEH,eAAO,MAAM,QAAQ,UAAW,aAAa,CAAC,iBAAiB,CAAC,qDAE/D,CAAC"}

package/lib/Typography/TextLink/TextLink.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextLink = exports.textLinkStyle = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const colors_v2_1 = require("../../Identity/colors-v2/colors-v2");
+const Link_1 = require("../Link");
+const textLinkStyle = (theme, { color = colors_v2_1.COLOR_V2.BLUE, fontSize = theme.fontSizes.base, bold = false, textTransform = 'none', ...props }) => ({
+    ...(0, Link_1.linkStyle)(theme, { bold, color, fontSize, textTransform, ...props }),
+});
+exports.textLinkStyle = textLinkStyle;
+const TextLink = (props) => ((0, jsx_runtime_1.jsx)("a", { css: (theme) => (0, exports.textLinkStyle)(theme, props), rel: "noopener noreferrer", ...(0, Link_1.filterLinkProps)(props) }));
+exports.TextLink = TextLink;

package/lib/Typography/TextLink/TextLink.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("./TextLink").TextLinkProps<HTMLAnchorElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        color: {
+            control: "color";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InText: Story;
+export declare const CustomColor: Story;
+//# sourceMappingURL=TextLink.stories.d.ts.map

package/lib/Typography/TextLink/TextLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAOrD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAYuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}

package/lib/Typography/TextLink/TextLink.stories.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomColor = exports.InText = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const TextLink_1 = require("./TextLink");
+const colors_v2_1 = require("../../Identity/colors-v2/colors-v2");
+const Text_1 = require("../Text");
+const meta = {
+    title: 'Typography/TextLink',
+    component: TextLink_1.TextLink,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        color: {
+            control: 'color',
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Default TextLink',
+        href: '#',
+    },
+};
+exports.InText = {
+    render: () => ((0, jsx_runtime_1.jsxs)(Text_1.Text, { children: ["This is a paragraph with a ", (0, jsx_runtime_1.jsx)(TextLink_1.TextLink, { href: "#", children: "text link" }), " inside."] })),
+};
+exports.CustomColor = {
+    args: {
+        children: 'Custom Color Link',
+        color: colors_v2_1.COLOR_V2.RED,
+        href: '#',
+    },
+};

package/lib/Typography/TextLink/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextLink';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/TextLink/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Typography/TextLink/index.ts"],"names":[],"mappings":"AAmBA,cAAc,YAAY,CAAC"}

package/lib/Typography/TextLink/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TextLink"), exports);

package/lib/Typography/Title/Title.d.ts

@@ -0,0 +1,4 @@
+import { TextProps } from '../Text';
+export type TitleProps<T = HTMLDivElement> = TextProps<T>;
+export declare const Title: (props: TitleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Title.d.ts.map

package/lib/Typography/Title/Title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/Typography/Title/Title.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAC,SAAS,EAA6B,MAAM,SAAS,CAAC;AAE9D,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,cAAc,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAU1D,eAAO,MAAM,KAAK,UAAW,UAAU,qDAEtC,CAAC"}

package/lib/Typography/Title/Title.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Identity_1 = require("../../Identity");
+const Text_1 = require("../Text");
+const titleStyle = (theme, { block = true, center = true, fontSize = ' 2rem', color = Identity_1.COLOR.GRAY, bold = true, ...props }) => ({
+    ...(0, Text_1.textStyle)(theme, { block, bold, center, color, fontSize, ...props }),
+    marginBottom: '8px',
+});
+const Title = (props) => ((0, jsx_runtime_1.jsx)("div", { css: (theme) => titleStyle(theme, props), ...(0, Text_1.filterTextProps)(props) }));
+exports.Title = Title;

package/lib/Typography/Title/Title.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("./Title").TitleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        color: {
+            control: "color";
+        };
+        fontSize: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomColor: Story;
+export declare const CustomSize: Story;
+export declare const NotCentered: Story;
+//# sourceMappingURL=Title.stories.d.ts.map

package/lib/Typography/Title/Title.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.stories.d.ts","sourceRoot":"","sources":["../../../src/Typography/Title/Title.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAeoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}

package/lib/Typography/Title/Title.stories.js

@@ -0,0 +1,63 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotCentered = exports.CustomSize = exports.CustomColor = exports.Default = void 0;
+const Title_1 = require("./Title");
+const Identity_1 = require("../../Identity");
+const meta = {
+    title: 'Typography/Title',
+    component: Title_1.Title,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        color: {
+            control: 'color',
+        },
+        fontSize: {
+            control: 'text',
+        },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Default Title',
+    },
+};
+exports.CustomColor = {
+    args: {
+        children: 'Colored Title',
+        color: Identity_1.COLOR.RED,
+    },
+};
+exports.CustomSize = {
+    args: {
+        children: 'Custom Size Title',
+        fontSize: '3rem',
+    },
+};
+exports.NotCentered = {
+    args: {
+        children: 'Left-aligned Title',
+        center: false,
+    },
+};

package/lib/Typography/Title/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Title';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/Title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Typography/Title/index.ts"],"names":[],"mappings":"AAmBA,cAAc,SAAS,CAAC"}

package/lib/Typography/Title/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Title"), exports);

package/lib/Typography/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Heading';
+export * from './Label';
+export * from './Line';
+export * from './Link';
+export * from './Paragraph';
+export * from './Text';
+export * from './TextLink';
+export * from './ActionLink';
+export * from './Title';
+//# sourceMappingURL=index.d.ts.map

package/lib/Typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Typography/index.ts"],"names":[],"mappings":"AAmBA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/lib/Typography/index.js

@@ -0,0 +1,43 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2018 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Heading"), exports);
+__exportStar(require("./Label"), exports);
+__exportStar(require("./Line"), exports);
+__exportStar(require("./Link"), exports);
+__exportStar(require("./Paragraph"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./TextLink"), exports);
+__exportStar(require("./ActionLink"), exports);
+__exportStar(require("./Title"), exports);

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+export * from './DataDisplay';
+export * from './Identity';
+export * from './Inputs';
+export * from './Layout';
+export * from './Navigation';
+export * from './Surface';
+export * from './Typography';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAqBA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -0,0 +1,43 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/// <reference types="@emotion/react/types/css-prop" />
+__exportStar(require("./DataDisplay"), exports);
+__exportStar(require("./Identity"), exports);
+__exportStar(require("./Inputs"), exports);
+__exportStar(require("./Layout"), exports);
+__exportStar(require("./Navigation"), exports);
+__exportStar(require("./Surface"), exports);
+__exportStar(require("./Typography"), exports);
+__exportStar(require("./utils"), exports);

package/lib/utils/IsInViewport.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface IsInViewportProps<T = HTMLDivElement> extends React.HTMLProps<T> {
+    checkViewportOnce?: boolean;
+    disabled?: boolean;
+    onEnterViewport?: () => void;
+}
+export declare const IsInViewport: ({ onEnterViewport, disabled, checkViewportOnce, ...props }: IsInViewportProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IsInViewport.d.ts.map

package/lib/utils/IsInViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsInViewport.d.ts","sourceRoot":"","sources":["../../src/utils/IsInViewport.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,+DAKtB,iBAAiB,qDAyBnB,CAAC"}

package/lib/utils/IsInViewport.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IsInViewport = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2019 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const react_1 = require("react");
+const IsInViewport = ({ onEnterViewport, disabled = false, checkViewportOnce = false, ...props }) => {
+    const element = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        let observer = undefined;
+        if (onEnterViewport && !disabled) {
+            observer = new IntersectionObserver(([{ isIntersecting }]) => {
+                if (isIntersecting) {
+                    if (checkViewportOnce) {
+                        observer.disconnect();
+                    }
+                    if (onEnterViewport && !disabled) {
+                        onEnterViewport();
+                    }
+                }
+            });
+            observer.observe(element.current);
+        }
+        return () => {
+            if (observer) {
+                observer.disconnect();
+            }
+        };
+    }, [onEnterViewport]);
+    return (0, jsx_runtime_1.jsx)("div", { ref: element, ...props });
+};
+exports.IsInViewport = IsInViewport;

package/lib/utils/childrenWithDefaultProps.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>> {
+    children: React.ReactNode;
+    defaultProps: P;
+}
+export declare const childrenWithDefaultProps: <E extends Element, P extends unknown>(props: ChildrenProps<E, P>) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal)[];
+//# sourceMappingURL=childrenWithDefaultProps.d.ts.map

package/lib/utils/childrenWithDefaultProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"childrenWithDefaultProps.d.ts","sourceRoot":"","sources":["../../src/utils/childrenWithDefaultProps.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,EAAE,CAAC,CAAC;CACjB;AAED,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,OAAO,EAAE,CAAC,yBAAqB,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,6IAYjG,CAAC"}

package/lib/utils/childrenWithDefaultProps.js

@@ -0,0 +1,57 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2019 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.childrenWithDefaultProps = void 0;
+const React = __importStar(require("react"));
+const childrenWithDefaultProps = (props) => React.Children.map(props.children, node => {
+    if (typeof node === 'string') {
+        return node;
+    }
+    if (!React.isValidElement(node)) {
+        console.error('Invalid children', node);
+        return node;
+    }
+    const elementChild = node;
+    return React.cloneElement(elementChild, { ...props.defaultProps, ...elementChild.props });
+});
+exports.childrenWithDefaultProps = childrenWithDefaultProps;

package/lib/utils/enums.d.ts

@@ -0,0 +1,5 @@
+export declare enum TabIndex {
+    FOCUSABLE = 0,
+    UNFOCUSABLE = -1
+}
+//# sourceMappingURL=enums.d.ts.map

package/lib/utils/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../src/utils/enums.ts"],"names":[],"mappings":"AAmBA,oBAAY,QAAQ;IAClB,SAAS,IAAI;IACb,WAAW,KAAK;CACjB"}

package/lib/utils/enums.js

@@ -0,0 +1,26 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabIndex = void 0;
+var TabIndex;
+(function (TabIndex) {
+    TabIndex[TabIndex["FOCUSABLE"] = 0] = "FOCUSABLE";
+    TabIndex[TabIndex["UNFOCUSABLE"] = -1] = "UNFOCUSABLE";
+})(TabIndex || (exports.TabIndex = TabIndex = {}));

package/lib/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from './childrenWithDefaultProps';
+export * from './enums';
+export * from './IsInViewport';
+export * from './mediaQueries';
+export * from './useLongTouch';
+export * from './useTimeout';
+export * from './util';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAmBA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

package/lib/utils/index.js

@@ -0,0 +1,41 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./childrenWithDefaultProps"), exports);
+__exportStar(require("./enums"), exports);
+__exportStar(require("./IsInViewport"), exports);
+__exportStar(require("./mediaQueries"), exports);
+__exportStar(require("./useLongTouch"), exports);
+__exportStar(require("./useTimeout"), exports);
+__exportStar(require("./util"), exports);