@wireapp/react-ui-kit 9.69.7-beta.14.5ce5ca523 → 9.70.0

package/lib/Inputs/Select/SelectContainer/SelectContainer.d.ts

@@ -0,0 +1,3 @@
+import { ContainerProps } from 'react-select';
+export declare const SelectContainer: (props: ContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectContainer.d.ts.map

package/lib/Inputs/Select/SelectContainer/SelectContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContainer.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectContainer/SelectContainer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAa,cAAc,EAAC,MAAM,cAAc,CAAC;AAIxD,eAAO,MAAM,eAAe,UAAW,cAAc,qDAMpD,CAAC"}

package/lib/Inputs/Select/SelectContainer/SelectContainer.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectContainer = 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_select_1 = require("react-select");
+const enums_1 = require("../../../utils/enums");
+const SelectContainer = (props) => {
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.SelectContainer, { ...props, children: (0, jsx_runtime_1.jsx)("div", { tabIndex: enums_1.TabIndex.FOCUSABLE, children: props.children }) }));
+};
+exports.SelectContainer = SelectContainer;

package/lib/Inputs/Select/SelectIndicatorsContainer/SelectIndicatorsContainer.d.ts

@@ -0,0 +1,4 @@
+import { IndicatorsContainerProps } from 'react-select';
+import { Option } from '../Select';
+export declare const SelectIndicatorsContainer: ({ children, ...restProps }: IndicatorsContainerProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectIndicatorsContainer.d.ts.map

package/lib/Inputs/Select/SelectIndicatorsContainer/SelectIndicatorsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectIndicatorsContainer.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectIndicatorsContainer/SelectIndicatorsContainer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAa,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAElE,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAEjC,eAAO,MAAM,yBAAyB,+BAA8B,wBAAwB,CAAC,MAAM,CAAC,qDAWnG,CAAC"}

package/lib/Inputs/Select/SelectIndicatorsContainer/SelectIndicatorsContainer.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectIndicatorsContainer = 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_select_1 = require("react-select");
+const SelectIndicatorsContainer = ({ children, ...restProps }) => {
+    const value = restProps.getValue();
+    const displaySelectedOptionsCount = Array.isArray(value) && value.length > 1;
+    return ((0, jsx_runtime_1.jsxs)(react_select_1.components.IndicatorsContainer, { ...restProps, children: [displaySelectedOptionsCount && (0, jsx_runtime_1.jsxs)("div", { css: { fontWeight: 600 }, children: ["(+", value.length - 1, ")"] }), children] }));
+};
+exports.SelectIndicatorsContainer = SelectIndicatorsContainer;

package/lib/Inputs/Select/SelectMenu/SelectMenu.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '@emotion/react';
+import { MenuProps } from 'react-select';
+export declare const SelectMenu: (dataUieName: string, css?: CSSObject) => (props: MenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectMenu.d.ts.map

package/lib/Inputs/Select/SelectMenu/SelectMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectMenu/SelectMenu.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAa,SAAS,EAAC,MAAM,cAAc,CAAC;AAGnD,eAAO,MAAM,UAAU,gBAAiB,MAAM,QAAQ,SAAS,aAAa,SAAS,qDAcpF,CAAC"}

package/lib/Inputs/Select/SelectMenu/SelectMenu.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectMenu = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_select_1 = require("react-select");
+// eslint-disable-next-line react/display-name
+const SelectMenu = (dataUieName, css) => (props) => {
+    const { children } = props;
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Menu, { ...props, css: css, children: (0, jsx_runtime_1.jsx)("div", { ...(dataUieName && {
+                'data-uie-name': `dropdown-${dataUieName}`,
+            }), children: children }) }));
+};
+exports.SelectMenu = SelectMenu;

package/lib/Inputs/Select/SelectMenuList/SelectMenuList.d.ts

@@ -0,0 +1,6 @@
+import { MenuListProps } from 'react-select';
+export declare const SelectMenuList: {
+    (menuListHeading: string, dataUieName: string): (props: MenuListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=SelectMenuList.d.ts.map

package/lib/Inputs/Select/SelectMenuList/SelectMenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuList.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectMenuList/SelectMenuList.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAa,aAAa,EAAC,MAAM,cAAc,CAAC;AAQvD,eAAO,MAAM,cAAc;sBAAqB,MAAM,eAAe,MAAM,WAAa,aAAa;;CA0BpG,CAAC"}

package/lib/Inputs/Select/SelectMenuList/SelectMenuList.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectMenuList = 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_select_1 = require("react-select");
+const SelectMenuList_styles_1 = require("./SelectMenuList.styles");
+const Icon_1 = require("../../../DataDisplay/Icon");
+// eslint-disable-next-line react/display-name
+const SelectMenuList = (menuListHeading, dataUieName) => (props) => {
+    const { selectProps, children } = props;
+    const handleClose = () => {
+        if (selectProps && selectProps.onMenuClose) {
+            selectProps.onMenuClose();
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { ...(dataUieName && {
+                'data-uie-name': `menu-list-${dataUieName}`,
+            }), children: [(0, jsx_runtime_1.jsxs)("div", { css: (theme) => (0, SelectMenuList_styles_1.headingContainerStyles)(theme), children: [menuListHeading, (0, jsx_runtime_1.jsx)("button", { onClick: handleClose, css: SelectMenuList_styles_1.closeButtonStyles, "aria-label": `Close: ${menuListHeading}`, children: (0, jsx_runtime_1.jsx)(Icon_1.CloseIcon, { width: 16, height: 16 }) })] }), children] }) }));
+};
+exports.SelectMenuList = SelectMenuList;
+exports.SelectMenuList.displayName = 'SelectMenuList';

package/lib/Inputs/Select/SelectMenuList/SelectMenuList.styles.d.ts

@@ -0,0 +1,5 @@
+import { CSSObject } from '@emotion/react';
+import { Theme } from '../../../Identity';
+export declare const headingContainerStyles: (theme: Theme) => CSSObject;
+export declare const closeButtonStyles: CSSObject;
+//# sourceMappingURL=SelectMenuList.styles.d.ts.map

package/lib/Inputs/Select/SelectMenuList/SelectMenuList.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuList.styles.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectMenuList/SelectMenuList.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAExC,eAAO,MAAM,sBAAsB,UAAW,KAAK,KAAG,SAOpD,CAAC;AAEH,eAAO,MAAM,iBAAiB,EAAE,SAO/B,CAAC"}

package/lib/Inputs/Select/SelectMenuList/SelectMenuList.styles.js

@@ -0,0 +1,38 @@
+"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.closeButtonStyles = exports.headingContainerStyles = void 0;
+const headingContainerStyles = (theme) => ({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    fontSize: theme.fontSizes.medium,
+    fontWeight: 600,
+    padding: '8px 16px',
+});
+exports.headingContainerStyles = headingContainerStyles;
+exports.closeButtonStyles = {
+    background: 'transparent',
+    border: 'none',
+    cursor: 'pointer',
+    padding: 0,
+    display: 'flex',
+    alignItems: 'center',
+};

package/lib/Inputs/Select/SelectOption/SelectOption.d.ts

@@ -0,0 +1,5 @@
+import { GroupBase, OptionProps, OptionsOrGroups } from 'react-select';
+import { Option } from '../Select';
+export declare const SelectOption: (dataUieName: string) => (props: OptionProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const isGroup: (options: OptionsOrGroups<Option, GroupBase<Option>>) => options is GroupBase<Option>[];
+//# sourceMappingURL=SelectOption.d.ts.map

package/lib/Inputs/Select/SelectOption/SelectOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectOption/SelectOption.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAa,SAAS,EAAE,WAAW,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AAIjF,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAGjC,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,WAAW,CAAC,MAAM,CAAC,qDAsD/E,CAAC;AAEF,eAAO,MAAM,OAAO,YAAa,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,KAAG,OAAO,IAAI,SAAS,CAAC,MAAM,CAAC,EAEzG,CAAC"}

package/lib/Inputs/Select/SelectOption/SelectOption.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGroup = exports.SelectOption = 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_select_1 = require("react-select");
+const Icon_1 = require("../../../DataDisplay/Icon");
+// eslint-disable-next-line react/display-name
+const SelectOption = (dataUieName) => (props) => {
+    const { children, data, isMulti, isSelected, options } = props;
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.Option, { ...props, children: (0, jsx_runtime_1.jsxs)("div", { css: {
+                ...((isMulti || (0, exports.isGroup)(options)) && {
+                    display: 'grid',
+                    gridTemplateAreas: `"checkbox label"
+                                ". description"`,
+                    gridTemplateColumns: '22px 1fr',
+                    columnGap: (0, exports.isGroup)(options) ? '5px' : '10px',
+                }),
+            }, ...(dataUieName && {
+                'data-uie-name': `option-${dataUieName}`,
+                'data-uie-value': options.find(option => option.label === children)?.value,
+                'data-uie-selected': isSelected,
+            }), children: [isMulti && ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: isSelected, onChange: () => null, css: { gridArea: 'checkbox', width: 22, height: 22, cursor: 'pointer', placeSelf: 'center' } })), (0, exports.isGroup)(options) && (
+                //includes a checkmark character if it is selected and a group
+                (0, jsx_runtime_1.jsx)("div", { css: { width: 22, height: 22, cursor: 'pointer', placeSelf: 'center' }, children: isSelected ? (0, jsx_runtime_1.jsx)(Icon_1.CheckIcon, {}) : null })), (0, jsx_runtime_1.jsx)("div", { css: { gridArea: 'label', overflowWrap: 'break-word', overflow: 'hidden' }, children: children }), data && data.description && ((0, jsx_runtime_1.jsx)("p", { css: (theme) => ({
+                        marginBottom: 0,
+                        fontSize: theme.fontSizes.medium,
+                        color: isSelected ? theme.Select.focusedDescriptionColor : theme.Input.labelColor,
+                        gridArea: 'description',
+                    }), children: data.description }))] }) }));
+};
+exports.SelectOption = SelectOption;
+const isGroup = (options) => {
+    return options?.length > 0 && 'options' in options[0];
+};
+exports.isGroup = isGroup;

package/lib/Inputs/Select/SelectValueContainer/SelectValueContainer.d.ts

@@ -0,0 +1,4 @@
+import { ValueContainerProps } from 'react-select';
+import { Option } from '../Select';
+export declare const SelectValueContainer: ({ children, ...restProps }: ValueContainerProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectValueContainer.d.ts.map

package/lib/Inputs/Select/SelectValueContainer/SelectValueContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectValueContainer.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/SelectValueContainer/SelectValueContainer.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAa,mBAAmB,EAAC,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAEjC,eAAO,MAAM,oBAAoB,+BAA8B,mBAAmB,CAAC,MAAM,CAAC,qDAIzF,CAAC"}

package/lib/Inputs/Select/SelectValueContainer/SelectValueContainer.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectValueContainer = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_select_1 = require("react-select");
+const SelectValueContainer = ({ children, ...restProps }) => ((0, jsx_runtime_1.jsxs)(react_select_1.components.ValueContainer, { ...restProps, children: [renderValue(children[0]), " ", children[1]] }));
+exports.SelectValueContainer = SelectValueContainer;
+const renderValue = (value) => {
+    if (Array.isArray(value)) {
+        const currentValue = (i) => value[i].props.children;
+        return ((0, jsx_runtime_1.jsx)("div", { css: {
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                minWidth: 0,
+                paddingRight: 14,
+                gridArea: '1/1/2/3',
+            }, children: currentValue(0) }));
+    }
+    return value;
+};

package/lib/Inputs/Select/index.d.ts

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

package/lib/Inputs/Select/index.d.ts.map

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

package/lib/Inputs/Select/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("./Select"), exports);

package/lib/Inputs/ShakeBox/ShakeBox.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface ShakeBoxProps {
+    amplitude?: number;
+    damping?: number;
+    speed?: number;
+    threshold?: number;
+    children?: React.ReactNode;
+}
+export interface ShakeBoxRef {
+    shake: () => void;
+}
+export declare const ShakeBox: React.ForwardRefExoticComponent<ShakeBoxProps & React.RefAttributes<ShakeBoxRef>>;
+//# sourceMappingURL=ShakeBox.d.ts.map

package/lib/Inputs/ShakeBox/ShakeBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShakeBox.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ShakeBox/ShakeBox.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,mFAiCpB,CAAC"}

package/lib/Inputs/ShakeBox/ShakeBox.js

@@ -0,0 +1,79 @@
+"use strict";
+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.ShakeBox = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * 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/.
+ *
+ */
+const react_1 = require("react");
+const React = __importStar(require("react"));
+exports.ShakeBox = React.forwardRef(({ children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1 }, ref) => {
+    const [offset, setOffset] = (0, react_1.useState)(0);
+    let requestAnimationId = 0;
+    const shakeLoop = (targetOffset, currentOffset = 0) => {
+        if (targetOffset > 0 && currentOffset < targetOffset) {
+            currentOffset += speed;
+        }
+        else if (targetOffset < 0 && currentOffset > targetOffset) {
+            currentOffset -= speed;
+        }
+        else {
+            currentOffset = targetOffset - (currentOffset - targetOffset);
+            targetOffset *= -damping;
+        }
+        if (Math.abs(targetOffset) >= threshold) {
+            requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));
+        }
+        else {
+            currentOffset = 0;
+        }
+        setOffset(currentOffset);
+    };
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        shake: () => {
+            cancelAnimationFrame(requestAnimationId);
+            shakeLoop(amplitude);
+        },
+    }));
+    (0, react_1.useEffect)(() => () => cancelAnimationFrame(requestAnimationId), []);
+    return (0, jsx_runtime_1.jsx)("div", { css: { transform: `translateX(${offset}px)` }, children: children });
+});
+exports.ShakeBox.displayName = 'ShakeBox';

package/lib/Inputs/ShakeBox/ShakeBox.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import { ShakeBoxRef } from '../ShakeBox';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./ShakeBox").ShakeBoxProps & import("react").RefAttributes<ShakeBoxRef>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithForm: Story;
+//# sourceMappingURL=ShakeBox.stories.d.ts.map

package/lib/Inputs/ShakeBox/ShakeBox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShakeBox.stories.d.ts","sourceRoot":"","sources":["../../../src/Inputs/ShakeBox/ShakeBox.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIrD,OAAO,EAAW,WAAW,EAAC,MAAM,aAAa,CAAC;AAElD,QAAA,MAAM,IAAI;;;;;;;CAOuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAsBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAsBF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/lib/Inputs/ShakeBox/ShakeBox.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithForm = 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 Button_1 = require("../Button");
+const Input_1 = require("../Input");
+const ShakeBox_1 = require("../ShakeBox");
+const meta = {
+    title: 'Inputs/ShakeBox',
+    component: ShakeBox_1.ShakeBox,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+const DefaultStory = () => {
+    const ref = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(ShakeBox_1.ShakeBox, { ref: ref, children: (0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Type something..." }) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => {
+                    ref.current?.shake();
+                }, style: { marginTop: '16px' }, children: "Shake Input" })] }));
+};
+exports.Default = {
+    render: () => (0, jsx_runtime_1.jsx)(DefaultStory, {}),
+};
+const FormStory = () => {
+    const ref = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)(ShakeBox_1.ShakeBox, { ref: ref, children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: event => {
+                event.preventDefault();
+                ref.current?.shake();
+            }, children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Required field", required: true }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", style: { marginTop: '16px' }, children: "Submit to shake" })] }) }));
+};
+exports.WithForm = {
+    render: () => (0, jsx_runtime_1.jsx)(FormStory, {}),
+};

package/lib/Inputs/ShakeBox/index.d.ts

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

package/lib/Inputs/ShakeBox/index.d.ts.map

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

package/lib/Inputs/ShakeBox/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("./ShakeBox"), exports);

package/lib/Inputs/Switch/Switch.d.ts

@@ -0,0 +1,16 @@
+import { InputProps } from '../Input';
+export interface SwitchProps<T = HTMLInputElement> extends InputProps<T> {
+    activatedColor?: string;
+    checked: boolean;
+    deactivatedColor?: string;
+    disabled?: boolean;
+    disabledColor?: string;
+    id?: string;
+    loadingColor?: string;
+    name?: string;
+    onToggle: (isChecked: boolean) => void;
+    showLoading?: boolean;
+    dataUieName?: string;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Switch.d.ts.map

package/lib/Inputs/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/Inputs/Switch/Switch.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,yIAmDlB,CAAC"}

package/lib/Inputs/Switch/Switch.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2020 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 Switch_styles_1 = require("./Switch.styles");
+const DataDisplay_1 = require("../../DataDisplay");
+const Identity_1 = require("../../Identity");
+exports.Switch = (0, react_1.forwardRef)(({ id = Math.random().toString(), checked, onToggle = () => { }, showLoading, disabled, loadingColor = Identity_1.COLOR.BLUE, activatedColor = Identity_1.COLOR.BLUE, deactivatedColor = '#d2d2d2', name, dataUieName, }, ref) => ((0, jsx_runtime_1.jsxs)("div", { css: Switch_styles_1.wrapperStyles, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, id: id, checked: checked, disabled: disabled, name: name, onChange: event => onToggle(event.target.checked), onKeyDown: event => {
+                if (event.key == 'Enter') {
+                    onToggle(!event.target.checked);
+                }
+            }, type: "checkbox", css: Switch_styles_1.inputStyles, "data-uie-name": dataUieName }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: id, css: (0, Switch_styles_1.labelStyles)(disabled, showLoading), children: [(0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchStyles)({
+                        disabled,
+                        showLoading,
+                        checked,
+                        activatedColor,
+                        deactivatedColor,
+                    }) }), showLoading ? ((0, jsx_runtime_1.jsx)(DataDisplay_1.Loading, { size: 21, color: loadingColor, css: Switch_styles_1.loadingStyles })) : ((0, jsx_runtime_1.jsx)("span", { css: (0, Switch_styles_1.switchDotStyles)(disabled, checked) }))] })] })));
+exports.Switch.displayName = 'Switch';