@wireapp/react-ui-kit 9.59.1 → 9.59.2

package/lib/Misc/IconButton.js

@@ -1,117 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButton = exports.iconButtonStyle = exports.IconButtonVariant = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * 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/.
- *
- */
-const react_1 = require("react");
-const motions_1 = require("../Identity/motions");
-const Text_1 = require("../Text");
-const util_1 = require("../util");
-var IconButtonVariant;
-(function (IconButtonVariant) {
-    IconButtonVariant["PRIMARY"] = "primary";
-    IconButtonVariant["SECONDARY"] = "secondary";
-})(IconButtonVariant || (exports.IconButtonVariant = IconButtonVariant = {}));
-const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, group = false, backgroundColor, disabled = false }) => ({
-    border: 0,
-    borderRadius: '12px',
-    cursor: disabled ? 'default' : 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: '16px',
-    padding: 0,
-    outline: 'none',
-    textDecoration: 'none',
-    touchAction: 'manipulation',
-    transition: motions_1.defaultTransition,
-    width: '40px',
-    height: '32px',
-    '&:hover, &:focus': {
-        textDecoration: 'none',
-    },
-    ...(variant === IconButtonVariant.PRIMARY && {
-        backgroundColor: disabled
-            ? theme.IconButton.primaryDisabledBgColor
-            : backgroundColor || theme.IconButton.primaryBgColor,
-        border: disabled
-            ? `1px solid ${theme.IconButton.primaryDisabledBorderColor}`
-            : `1px solid ${theme.IconButton.primaryBorderColor}`,
-        svg: {
-            fill: disabled ? theme.Input.placeholderColor : theme.general.color,
-        },
-        ...(!disabled && {
-            '&:hover, &:focus': {
-                backgroundColor: theme.IconButton.hoverPrimaryBgColor,
-            },
-            '&:hover': {
-                borderColor: theme.IconButton.primaryHoverBorderColor,
-            },
-            '&:focus': {
-                borderColor: theme.IconButton.focusBorderColor,
-                svg: {
-                    fill: theme.IconButton.focusBorderColor,
-                },
-            },
-            '&:active': {
-                backgroundColor: theme.IconButton.activePrimaryBgColor,
-                borderColor: theme.IconButton.focusBorderColor,
-                svg: {
-                    fill: theme.general.primaryColor,
-                },
-            },
-        }),
-    }),
-    ...(variant === IconButtonVariant.SECONDARY && {
-        backgroundColor: 'inherit',
-        svg: {
-            fill: disabled ? theme.Input.placeholderColor : theme.general.color,
-        },
-        ...(!disabled && {
-            '&:hover, &:focus, &:active': {
-                svg: {
-                    fill: theme.general.primaryColor,
-                },
-            },
-            '&:focus': {
-                border: `1px solid ${theme.IconButton.focusBorderColor}`,
-            },
-            '&:active': {
-                border: `1px solid ${theme.IconButton.secondaryActiveBorderColor}`,
-                backgroundColor: theme.Input.backgroundColor,
-            },
-        }),
-    }),
-    ...(group && {
-        borderRadius: '0',
-        '&:first-of-type': {
-            borderRadius: '12px 0 0 12px',
-        },
-        '&:last-of-type': {
-            borderRadius: '0 12px 12px 0',
-        },
-    }),
-});
-exports.iconButtonStyle = iconButtonStyle;
-exports.IconButton = (0, react_1.forwardRef)(({ children, ...props }, ref) => ((0, jsx_runtime_1.jsx)("button", { ref: ref, css: (theme) => (0, exports.iconButtonStyle)(theme, props), ...filterButtonProps(props), children: children })));
-exports.IconButton.displayName = 'IconButton';
-const filterButtonProps = (props) => {
-    return (0, util_1.filterProps)((0, Text_1.filterTextProps)(props), ['backgroundColor']);
-};

package/lib/Misc/IconButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../src/Misc/IconButton.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAoB,MAAM,cAAc,CAAC;AAK3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,WAAW,wDA0BvB,CAAC;AAEF,eAAO,MAAM,cAAc,wDAY1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,wDAY5B,CAAC;AAEF,eAAO,MAAM,WAAW,wDAavB,CAAC"}

package/lib/Misc/IconButton.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Interactive = exports.WithCustomStyles = exports.DifferentIcons = exports.AllVariants = exports.CustomBackground = exports.Disabled = exports.Secondary = exports.Primary = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const IconButton_1 = require("./IconButton");
-const Icon_1 = require("../Icon");
-const colors_1 = require("../Identity/colors");
-const meta = {
-    component: IconButton_1.IconButton,
-    title: 'Misc/IconButton',
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    argTypes: {
-        variant: {
-            control: 'select',
-            options: Object.values(IconButton_1.IconButtonVariant),
-        },
-        backgroundColor: {
-            control: 'color',
-        },
-    },
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}),
-        variant: IconButton_1.IconButtonVariant.PRIMARY,
-    },
-};
-exports.Secondary = {
-    args: {
-        children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}),
-        variant: IconButton_1.IconButtonVariant.SECONDARY,
-    },
-};
-exports.Disabled = {
-    args: {
-        children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}),
-        disabled: true,
-    },
-};
-exports.CustomBackground = {
-    args: {
-        children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}),
-        backgroundColor: colors_1.COLOR.BLUE,
-    },
-};
-const AllVariants = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '32px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Primary Variant" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.PRIMARY, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.PRIMARY, disabled: true, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Secondary Variant" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.SECONDARY, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { variant: IconButton_1.IconButtonVariant.SECONDARY, disabled: true, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) })] })] })] }));
-exports.AllVariants = AllVariants;
-const DifferentIcons = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.TrashIcon, {}) })] }));
-exports.DifferentIcons = DifferentIcons;
-const WithCustomStyles = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { style: { backgroundColor: colors_1.COLOR.GREEN }, children: (0, jsx_runtime_1.jsx)(Icon_1.PlusIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { style: { backgroundColor: colors_1.COLOR.RED }, children: (0, jsx_runtime_1.jsx)(Icon_1.TrashIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { style: { border: `2px solid ${colors_1.COLOR.BLUE}` }, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) })] }));
-exports.WithCustomStyles = WithCustomStyles;
-const Interactive = () => {
-    const handleClick = () => alert('Button clicked!');
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: handleClick, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { disabled: true, onClick: handleClick, children: (0, jsx_runtime_1.jsx)(Icon_1.InfoIcon, {}) })] }));
-};
-exports.Interactive = Interactive;

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

@@ -1 +0,0 @@
-{"version":3,"file":"IsInViewport.d.ts","sourceRoot":"","sources":["../../src/Misc/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/Misc/Loading.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../src/Misc/Loading.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,aAAa,CAAE,SAAQ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,OAAO;0CAAoE,YAAY;;;;;CAmCnG,CAAC"}

package/lib/Misc/Loading.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const motions_1 = require("../Identity/motions");
-const Loading = ({ progress = undefined, size = 43, color = '#218fd1', ...props }) => {
-    const pathLength = 125.68;
-    const rotationOffset = -0.75;
-    const rotationDelay = motions_1.DURATION.EXTRA_LONG * rotationOffset;
-    const fillAnimation = (0, react_1.keyframes) `
-    0% {
-      stroke-dashoffset: ${pathLength + pathLength};
-    }
-    100% {
-      stroke-dashoffset: 0;
-    }
-  `;
-    return ((0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 43 43", strokeWidth: "3", fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "21.5", cy: "21.5", r: "20", stroke: Identity_1.COLOR.opaque(color, 0.08) }), (0, jsx_runtime_1.jsx)("circle", { css: !progress && {
-                    animation: `${fillAnimation} ${motions_1.DURATION.EXTRA_LONG}ms ease-in-out infinite,
-              ${motions_1.ANIMATION.rotate} ${motions_1.DURATION.EXTRA_LONG}ms linear ${rotationDelay}ms infinite`,
-                    strokeDasharray: pathLength,
-                    transformOrigin: '50% 50%',
-                }, cx: "21.5", cy: "21.5", r: "20", stroke: color, strokeLinecap: "round", strokeDasharray: pathLength, strokeDashoffset: progress && `${pathLength - pathLength * progress}` })] }));
-};
-exports.Loading = Loading;
-exports.Loading.defaultProps = {
-    progress: undefined,
-    size: 43,
-};

package/lib/Misc/Loading.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../src/Misc/Loading.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAIlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAIzB,CAAC;AAEF,eAAO,MAAM,QAAQ,wDAMpB,CAAC;AAEF,eAAO,MAAM,aAAa,wDAOzB,CAAC;AAEF,eAAO,MAAM,YAAY,wDAOxB,CAAC;AAEF,eAAO,MAAM,cAAc,wDAiB1B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wDAYlC,CAAC"}

package/lib/Misc/Loading.stories.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnDifferentBackgrounds = exports.ProgressStages = exports.SizeVariants = exports.ColorVariants = exports.Variants = exports.CustomColor = exports.CustomSize = exports.WithProgress = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Loading_1 = require("./Loading");
-const colors_1 = require("../Identity/colors");
-const meta = {
-    component: Loading_1.Loading,
-    title: 'Misc/Loading',
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    argTypes: {
-        color: { control: 'color' },
-        progress: { control: { type: 'range', min: 0, max: 1, step: 0.01 } },
-        size: { control: { type: 'range', min: 16, max: 200, step: 1 } },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    args: {},
-};
-exports.WithProgress = {
-    args: {
-        progress: 0.33,
-    },
-};
-exports.CustomSize = {
-    args: {
-        size: 100,
-    },
-};
-exports.CustomColor = {
-    args: {
-        color: colors_1.COLOR.GREEN,
-    },
-};
-const Variants = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '32px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, {}), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 0.33 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 0.66, size: 100 })] }));
-exports.Variants = Variants;
-const ColorVariants = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '32px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { color: colors_1.COLOR.BLUE }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { color: colors_1.COLOR.GREEN }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { color: colors_1.COLOR.RED }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { color: colors_1.COLOR.ORANGE })] }));
-exports.ColorVariants = ColorVariants;
-const SizeVariants = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '32px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 24 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 48 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 72 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 96 })] }));
-exports.SizeVariants = SizeVariants;
-const ProgressStages = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '32px' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '32px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 0 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 0.25 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 0.5 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 0.75 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { progress: 1 })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '32px', alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 72, progress: 0 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 72, progress: 0.25 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 72, progress: 0.5 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 72, progress: 0.75 }), (0, jsx_runtime_1.jsx)(Loading_1.Loading, { size: 72, progress: 1 })] })] }));
-exports.ProgressStages = ProgressStages;
-const OnDifferentBackgrounds = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '32px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', backgroundColor: colors_1.COLOR.WHITE }, children: (0, jsx_runtime_1.jsx)(Loading_1.Loading, {}) }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', backgroundColor: colors_1.COLOR.GRAY }, children: (0, jsx_runtime_1.jsx)(Loading_1.Loading, { color: colors_1.COLOR.WHITE }) }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', backgroundColor: colors_1.COLOR.BLACK }, children: (0, jsx_runtime_1.jsx)(Loading_1.Loading, { color: colors_1.COLOR.WHITE }) })] }));
-exports.OnDifferentBackgrounds = OnDifferentBackgrounds;

package/lib/Misc/Pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Misc/Pagination.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,eAAe,CAAC,CAAC,GAAG,cAAc,CAAE,SAAQ,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,GAAG,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6EhD,CAAC"}

package/lib/Misc/Pagination.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Identity_1 = require("../Identity");
-const Layout_1 = require("../Layout");
-const Text_1 = require("../Text");
-const Pagination = ({ currentPage = 0, numberOfPages = 1, goPage, previousPageComponent: PreviousPageComponent = () => '<', nextPageComponent: NextPageComponent = () => '>', ...props }) => {
-    const isLastPage = currentPage === numberOfPages - 1;
-    const isFirstPage = currentPage === 0;
-    const renderPageList = () => {
-        const lastPageIndex = numberOfPages - 1;
-        const spanLength = 1;
-        const endLength = 1;
-        const skipLength = 1;
-        const normalizeCount = endLength + skipLength + spanLength;
-        const dots = (key) => ((0, jsx_runtime_1.jsx)(Text_1.Bold, { fontSize: '11px', children: '…' }, key));
-        const renderPageNumber = pageIndex => currentPage === pageIndex ? ((0, jsx_runtime_1.jsx)(Text_1.Bold, { fontSize: '11px', style: { color: Identity_1.COLOR.BLUE, margin: '0 8px' }, "data-uie-name": "status-active-page", children: pageIndex + 1 }, pageIndex)) : ((0, jsx_runtime_1.jsx)(Text_1.Link, { style: { margin: '0 8px' }, onClick: () => goPage(pageIndex), "data-uie-name": "go-page", children: pageIndex + 1 }, pageIndex));
-        const normalizedCurrent = Math.min(Math.max(currentPage, normalizeCount), lastPageIndex - normalizeCount);
-        const beforeCount = normalizedCurrent - spanLength - endLength;
-        const afterCount = lastPageIndex - endLength - normalizedCurrent - spanLength;
-        const pages = Array.from(Array(numberOfPages), (_, index) => renderPageNumber(index));
-        if (afterCount > skipLength) {
-            pages.splice(normalizedCurrent + spanLength + 1, afterCount, dots('dots-end'));
-        }
-        if (beforeCount > skipLength) {
-            pages.splice(endLength, beforeCount, dots('dots-start'));
-        }
-        return pages;
-    };
-    return ((0, jsx_runtime_1.jsxs)(Layout_1.FlexBox, { align: "flex-end", "data-uie-name": "element-pagination", ...props, children: [(0, jsx_runtime_1.jsx)("div", { css: { flexBasis: 100 }, children: !isFirstPage && ((0, jsx_runtime_1.jsx)(Text_1.Link, { block: true, onClick: () => goPage(currentPage - 1), "data-uie-name": "go-previous-page", children: (0, jsx_runtime_1.jsx)(PreviousPageComponent, {}) })) }), (0, jsx_runtime_1.jsx)("div", { css: { alignItems: 'flex-end', display: 'flex', flexDirection: 'row', margin: '0 auto' }, "data-uie-name": "list-pages", children: renderPageList() }), (0, jsx_runtime_1.jsx)("div", { css: { display: 'flex', flexBasis: 100, justifyContent: 'flex-end' }, children: !isLastPage && ((0, jsx_runtime_1.jsx)(Text_1.Link, { block: true, onClick: () => goPage(currentPage + 1), "data-uie-name": "go-next-page", children: (0, jsx_runtime_1.jsx)(NextPageComponent, {}) })) })] }));
-};
-exports.Pagination = Pagination;

package/lib/Misc/Pagination.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../src/Misc/Pagination.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAKxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAUjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,WAAW,wDAgCvB,CAAC;AAEF,eAAO,MAAM,aAAa,wDAiBzB,CAAC;AAEF,eAAO,MAAM,SAAS,wDAWrB,CAAC;AAEF,eAAO,MAAM,QAAQ,wDAWpB,CAAC;AAEF,eAAO,MAAM,UAAU,wDAWtB,CAAC"}

package/lib/Misc/Pagination.stories.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MiddlePage = exports.LastPage = exports.FirstPage = exports.CustomStyling = exports.Interactive = exports.WithManyPages = exports.CustomNavigation = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * 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/.
- *
- */
-const react_1 = require("react");
-const Pagination_1 = require("./Pagination");
-const colors_1 = require("../Identity/colors");
-const Text_1 = require("../Text");
-const meta = {
-    component: Pagination_1.Pagination,
-    title: 'Misc/Pagination',
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        currentPage: 0,
-        numberOfPages: 5,
-        goPage: () => { },
-    },
-};
-exports.CustomNavigation = {
-    args: {
-        currentPage: 0,
-        numberOfPages: 5,
-        goPage: () => { },
-        previousPageComponent: () => 'Previous',
-        nextPageComponent: () => 'Next',
-    },
-};
-exports.WithManyPages = {
-    args: {
-        currentPage: 4,
-        numberOfPages: 20,
-        goPage: () => { },
-    },
-};
-const Interactive = () => {
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
-    const paginatedList = [
-        [1, 2],
-        [3, 4],
-        [5, 6],
-        [7, 8],
-        [9, 10],
-        [11, 12],
-        [13, 14],
-        [15, 16],
-        [17, 18],
-    ];
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '24px' }, children: paginatedList[currentPage].map(item => ((0, jsx_runtime_1.jsx)(Text_1.Small, { center: true, bold: true, block: true, style: { border: `1px solid ${colors_1.COLOR.GRAY}`, margin: 10, padding: '8px' }, children: `Item ${item}` }, item))) }), (0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { currentPage: currentPage, goPage: setCurrentPage, nextPageComponent: () => 'Next', numberOfPages: paginatedList.length, previousPageComponent: () => 'Previous' })] }));
-};
-exports.Interactive = Interactive;
-const CustomStyling = () => {
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
-    return ((0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { currentPage: currentPage, goPage: setCurrentPage, numberOfPages: 5, previousPageComponent: () => (0, jsx_runtime_1.jsx)("div", { style: { color: colors_1.COLOR.BLUE, fontWeight: 'bold' }, children: '←' }), nextPageComponent: () => (0, jsx_runtime_1.jsx)("div", { style: { color: colors_1.COLOR.BLUE, fontWeight: 'bold' }, children: '→' }), style: {
-            backgroundColor: colors_1.COLOR.GRAY_LIGHTEN_92,
-            borderRadius: '8px',
-            padding: '16px',
-        } }));
-};
-exports.CustomStyling = CustomStyling;
-const FirstPage = () => {
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
-    return ((0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { currentPage: currentPage, goPage: setCurrentPage, numberOfPages: 5, previousPageComponent: () => 'Previous', nextPageComponent: () => 'Next' }));
-};
-exports.FirstPage = FirstPage;
-const LastPage = () => {
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(4);
-    return ((0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { currentPage: currentPage, goPage: setCurrentPage, numberOfPages: 5, previousPageComponent: () => 'Previous', nextPageComponent: () => 'Next' }));
-};
-exports.LastPage = LastPage;
-const MiddlePage = () => {
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(5);
-    return ((0, jsx_runtime_1.jsx)(Pagination_1.Pagination, { currentPage: currentPage, goPage: setCurrentPage, numberOfPages: 10, previousPageComponent: () => 'Previous', nextPageComponent: () => 'Next' }));
-};
-exports.MiddlePage = MiddlePage;

package/lib/Misc/Pill.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { CSSObject } from '@emotion/react';
-import { Theme } from '../Layout';
-export interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {
-    active?: boolean;
-    type?: PILL_TYPE;
-}
-export declare enum PILL_TYPE {
-    error = "ERROR",
-    success = "SUCCESS",
-    warning = "WARNING"
-}
-export declare const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject;
-export declare const filterPillProps: (props: PillProps) => Object;
-export declare const Pill: (props: PillProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Pill.d.ts.map

package/lib/Misc/Pill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../src/Misc/Pill.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAY,MAAM,gBAAgB,CAAC;AAIpD,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,eAAe,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,SAuCjE,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,SAAS,WAAmC,CAAC;AAEpF,eAAO,MAAM,IAAI,UAAW,SAAS,qDAOpC,CAAC"}

package/lib/Misc/Pill.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pill = exports.filterPillProps = exports.pillStyle = exports.PILL_TYPE = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const react_1 = require("@emotion/react");
-const Identity_1 = require("../Identity");
-const motions_1 = require("../Identity/motions");
-const util_1 = require("../util");
-var PILL_TYPE;
-(function (PILL_TYPE) {
-    PILL_TYPE["error"] = "ERROR";
-    PILL_TYPE["success"] = "SUCCESS";
-    PILL_TYPE["warning"] = "WARNING";
-})(PILL_TYPE || (exports.PILL_TYPE = PILL_TYPE = {}));
-const pillStyle = (theme, { active = false, type = null }) => {
-    const backgroundColors = {
-        [PILL_TYPE.error]: Identity_1.COLOR.RED_OPAQUE_32,
-        [PILL_TYPE.success]: Identity_1.COLOR.GREEN_OPAQUE_32,
-        [PILL_TYPE.warning]: Identity_1.COLOR.YELLOW_OPAQUE_32,
-    };
-    const backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';
-    const pillAnimation = (0, react_1.keyframes) `
-    0% {
-      background-color: transparent;
-    }
-    100% {
-      background-color: ${backgroundColor};
-    }
-`;
-    return {
-        '&:first-of-type': {
-            marginLeft: 0,
-        },
-        '&:last-of-type': {
-            marginRight: 0,
-        },
-        animation: `${pillAnimation} ${motions_1.DURATION.DEFAULT}ms ${motions_1.EASE.QUART}`,
-        backgroundColor,
-        borderRadius: '160px',
-        color: active ? Identity_1.COLOR.TEXT : theme.general.color,
-        cursor: active ? 'default' : undefined,
-        display: 'inline-block',
-        fontSize: theme.fontSizes.small,
-        lineHeight: '1rem',
-        margin: type ? '12px 0 0 0' : '0 8px',
-        minHeight: '32px',
-        padding: '8px 24px',
-        textAlign: 'center',
-        textDecoration: 'none',
-    };
-};
-exports.pillStyle = pillStyle;
-const filterPillProps = (props) => (0, util_1.filterProps)(props, ['active']);
-exports.filterPillProps = filterPillProps;
-const Pill = (props) => ((0, jsx_runtime_1.jsx)("span", { css: (theme) => (0, exports.pillStyle)(theme, props), "data-uie-name": "element-pill", "data-uie-status": props.type, ...(0, exports.filterPillProps)(props) }));
-exports.Pill = Pill;

package/lib/Misc/Pill.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pill.stories.d.ts","sourceRoot":"","sources":["../../src/Misc/Pill.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,IAAI,EAAY,MAAM,QAAQ,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAmB3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,WAAW,wDAYvB,CAAC;AAEF,eAAO,MAAM,YAAY,wDAKxB,CAAC;AAEF,eAAO,MAAM,WAAW,wDASvB,CAAC;AAEF,eAAO,MAAM,YAAY,wDAyBxB,CAAC"}

package/lib/Misc/Pill.stories.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combinations = exports.Interactive = exports.WithLongText = exports.AllVariants = exports.Warning = exports.Success = exports.Error = exports.Active = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Pill_1 = require("./Pill");
-const meta = {
-    component: Pill_1.Pill,
-    title: 'Misc/Pill',
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '600px', margin: '0 auto' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    argTypes: {
-        type: {
-            control: 'select',
-            options: [null, ...Object.values(Pill_1.PILL_TYPE)],
-        },
-        active: {
-            control: 'boolean',
-        },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: 'Default Pill',
-    },
-};
-exports.Active = {
-    args: {
-        children: 'Active Pill',
-        active: true,
-    },
-};
-exports.Error = {
-    args: {
-        children: 'Error Pill',
-        type: Pill_1.PILL_TYPE.error,
-    },
-};
-exports.Success = {
-    args: {
-        children: 'Success Pill',
-        type: Pill_1.PILL_TYPE.success,
-    },
-};
-exports.Warning = {
-    args: {
-        children: 'Warning Pill',
-        type: Pill_1.PILL_TYPE.warning,
-    },
-};
-const AllVariants = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { children: "Default Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { active: true, children: "Active Pill" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.error, children: "Error Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, children: "Success Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.warning, children: "Warning Pill" })] })] }));
-exports.AllVariants = AllVariants;
-const WithLongText = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { children: "This is a very long text that should wrap nicely inside the pill component" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, children: "This is a very long successful message that should wrap nicely" })] }));
-exports.WithLongText = WithLongText;
-const Interactive = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px' }, children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { onClick: () => alert('Clicked!'), style: { cursor: 'pointer' }, children: "Clickable Pill" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { active: true, onClick: () => alert('Active pills can be clicked too!'), style: { cursor: 'pointer' }, children: "Active Clickable" })] }));
-exports.Interactive = Interactive;
-const Combinations = () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '16px' }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.error, active: true, children: "Active Error" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, active: true, children: "Active Success" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.warning, active: true, children: "Active Warning" })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.error, style: { opacity: 0.7 }, children: "Faded Error" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.success, style: { opacity: 0.7 }, children: "Faded Success" }), (0, jsx_runtime_1.jsx)(Pill_1.Pill, { type: Pill_1.PILL_TYPE.warning, style: { opacity: 0.7 }, children: "Faded Warning" })] })] }));
-exports.Combinations = Combinations;

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

@@ -1 +0,0 @@
-{"version":3,"file":"childrenWithDefaultProps.d.ts","sourceRoot":"","sources":["../../src/Misc/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/Misc/index.d.ts

@@ -1,14 +0,0 @@
-export * from './ButtonGroup';
-export * from './childrenWithDefaultProps';
-export * from './IconButton';
-export * from './IsInViewport';
-export * from './Loading';
-export * from './Pagination';
-export * from './Pill';
-export * from './useLongTouch';
-export * from './useTimeout';
-export * from './Breadcrumbs';
-export * from './Badge';
-export * from './BadgesWithTooltip';
-export * from './Accordion';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Misc/index.ts"],"names":[],"mappings":"AAmBA,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/lib/Misc/index.js

@@ -1,47 +0,0 @@
-"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("./ButtonGroup"), exports);
-__exportStar(require("./childrenWithDefaultProps"), exports);
-__exportStar(require("./IconButton"), exports);
-__exportStar(require("./IsInViewport"), exports);
-__exportStar(require("./Loading"), exports);
-__exportStar(require("./Pagination"), exports);
-__exportStar(require("./Pill"), exports);
-__exportStar(require("./useLongTouch"), exports);
-__exportStar(require("./useTimeout"), exports);
-__exportStar(require("./Breadcrumbs"), exports);
-__exportStar(require("./Badge"), exports);
-__exportStar(require("./BadgesWithTooltip"), exports);
-__exportStar(require("./Accordion"), exports);

package/lib/Misc/useLongTouch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLongTouch.d.ts","sourceRoot":"","sources":["../../src/Misc/useLongTouch.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,YAAY,YAAa,WAAW,GAAG,IAAI,eAAe,MAAM,IAAI,iCAuBzE,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/lib/Misc/useTimeout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../src/Misc/useTimeout.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,UAAU,kBAAmB,MAAM,IAAI,YAAY,MAAM;;;CA2B9D,CAAC;AAEF,OAAO,EAAC,UAAU,EAAC,CAAC"}