@integration-app/react 2.6.3 → 2.8.0

package/dist/types/ui-kit/switch.d.ts

@@ -0,0 +1,5 @@
+import * as StyledSwitch from './styled/switch';
+export interface SwitchProps extends StyledSwitch.RootProps {
+    loading?: boolean;
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.6.3",
+  "version": "2.8.0",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -44,7 +44,7 @@
     "test:storybook": "test-storybook",
     "test:storybook:ci": "concurrently -k -s first \"npm run test:storybook:ci:build-n-serve\" \"npm run test:storybook:ci:run-tests\"",
     "test:storybook:ci:build-n-serve": "storybook build --test --quiet && npx http-server storybook-static --port 6006 --silent",
-    "test:storybook:ci:run-tests": "wait-on tcp:6006 && npm run test:storybook -- --maxWorkers=2",
+    "test:storybook:ci:run-tests": "wait-on tcp:6006 && npm run test:storybook -- --maxWorkers=2 ${STORYBOOK_TEST_SHARD:+--shard=$STORYBOOK_TEST_SHARD}",
     "chromatic": "chromatic --exit-zero-on-changes",
     "find-circular-deps": "madge ./src/index.ts --warning -c",
     "docs": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports",
@@ -55,7 +55,6 @@
   "dependencies": {
     "@ark-ui/react": "^4.1.1",
     "@floating-ui/react": "^0.27.0",
-    "@headlessui/react": "^1.7.18",
     "@integration-app/sdk": "^1.8.0",
     "@lexical/react": "^0.23.1",
     "@popperjs/core": "^2.11.5",
@@ -97,7 +96,7 @@
     "@storybook/test-runner": "^0.21.3",
     "@storybook/types": "^8.5.6",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -129,14 +128,14 @@
     "tsc-alias": "^1.8.10",
     "tsx": "^4.19.2",
     "turbo": "^1.5.2",
-    "typedoc": "^0.26.11",
+    "typedoc": "^0.27.9",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
     "typedoc-plugin-missing-exports": "^3.1.0",
     "typedoc-plugin-rename-defaults": "^0.7.1",
     "typescript": "^5.7.3",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^3.0.6",
-    "wait-on": "^8.0.1"
+    "wait-on": "^8.0.3"
   },
   "msw": {
     "workerDirectory": [

package/dist/cjs/components/ComboBox/Dropdown/NavigationContext.cjs

@@ -1,120 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var deepEqual = require('fast-deep-equal');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
-
-const NavigationContext = React.createContext({
-  currentItem: null,
-  moveToNextItem: () => null,
-  moveToPreviousItem: () => null,
-  onOptionsListChange: () => null
-});
-function NavigationContextProvider({
-  children
-}) {
-  const [currentItem, setCurrentItem] = React.useState(null);
-  const { isOptionSelected, drillDownStackTop } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const moveToPreviousItem = (options, fallbackOptions, currentItem2) => {
-    if (currentItem2 === "drill-up") {
-      return;
-    }
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!currentItem2) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx === 0 && !!drillDownStackTop) {
-      setCurrentItem("drill-up");
-      return;
-    }
-    if (idx > 0) {
-      const currentOption = itemOptions[idx - 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const moveToNextItem = (options, fallbackOptions, currentItem2) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (itemOptions.length === 0) {
-      setCurrentItem(null);
-      return;
-    }
-    if (!currentItem2 || currentItem2 === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx < itemOptions.length - 1) {
-      const currentOption = itemOptions[idx + 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const onOptionsListChange = (options, fallbackOptions) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!itemOptions.length) {
-      return;
-    }
-    if (currentItem === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (!currentItem || itemOptions.indexOf(currentItem) == -1) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (getOptionIndex(currentItem, itemOptions) == -1) {
-      const selectedOption = options.find(isOptionSelected);
-      if (selectedOption) {
-        setCurrentItem(selectedOption);
-      } else {
-        const onlyOptions = getOnlyItemOptions(options);
-        setCurrentItem(onlyOptions[0]);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    NavigationContext.Provider,
-    {
-      value: {
-        currentItem,
-        moveToNextItem,
-        moveToPreviousItem,
-        onOptionsListChange
-      },
-      children
-    }
-  );
-}
-function useNavigationContext() {
-  return React.useContext(NavigationContext);
-}
-const makeOptionComparable = (option) => {
-  return option && {
-    ...option,
-    label: option.searchLabel ?? option.label?.toString()
-  };
-};
-const getOnlyItemOptions = (options) => options.filter((o) => !o.isSection);
-function getOptionIndex(option, options) {
-  return options.findIndex(
-    (o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option))
-  );
-}
-const getUnifiedOptionsList = (options, fallbackOptions) => {
-  const itemOptions = getOnlyItemOptions(options);
-  const fallbackItemOptions = getOnlyItemOptions(fallbackOptions);
-  return itemOptions.length ? itemOptions : fallbackItemOptions;
-};
-
-exports.NavigationContextProvider = NavigationContextProvider;
-exports.useNavigationContext = useNavigationContext;

package/dist/cjs/components/Toggle/Toggle.cjs

@@ -1,66 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@headlessui/react');
-var clsx = require('clsx');
-var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
-var index = require('../SvgIcon/index.cjs');
-var Toggle_module = require('./Toggle.module.css.cjs');
-
-function Toggle({ children, ...props }) {
-  function toggleChange() {
-    props?.onChange?.(props?.checked);
-  }
-  function handleChange(checked2) {
-    props?.onChange?.(checked2);
-  }
-  if (children) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: Toggle_module.default.labelWrapper, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Toggle, { ...props }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: toggleChange, children })
-    ] });
-  }
-  const {
-    checked,
-    disabled,
-    loading,
-    onChange: _,
-    className,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Switch,
-    {
-      checked,
-      onChange: handleChange,
-      className: clsx.clsx(
-        Toggle_module.default.wrapper,
-        className,
-        checked && !disabled && Toggle_module.default.wrapper__on,
-        disabled && Toggle_module.default.wrapper__disabled
-      ),
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: clsx.clsx(
-            Toggle_module.default.circle,
-            checked ? Toggle_module.default.circle__on : Toggle_module.default.circle__off,
-            loading && Toggle_module.default.circle__loading
-          ),
-          children: loading && /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.Loader, className: Toggle_module.default.loader })
-        }
-      )
-    }
-  );
-}
-
-exports.Toggle = Toggle;

package/dist/cjs/components/Toggle/Toggle.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Toggle-module_labelWrapper__uiOuA {\n  display: inline-flex;\n  flex-direction: row;\n  gap: 0.5rem;\n  cursor: pointer;\n}\n\n.Toggle-module_wrapper__BDsrR {\n  position: relative;\n  display: inline-flex;\n  height: 1.25rem;\n  flex-shrink: 0;\n  align-items: center;\n  border-radius: 9999px;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  width: 2.4rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n}\n\n.Toggle-module_wrapper__BDsrR:not(.Toggle-module_wrapper__disabled__IJ8tH):hover {\n    background-color: #dfdfdf;\n  }\n\n.Toggle-module_wrapper__on__g1pHA {\n  background-color: #619446;\n}\n\n.Toggle-module_wrapper__on__g1pHA:not(.Toggle-module_wrapper__disabled__IJ8tH):hover {\n    background-color: #4a7035;\n  }\n\n.Toggle-module_wrapper__disabled__IJ8tH {\n  pointer-events: none;\n}\n\n.Toggle-module_label__gfTxr {\n  font-size: 0.625rem;\n  position: absolute;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.Toggle-module_label__on__X-sD1 {\n  --tw-translate-x: 0.375rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.Toggle-module_label__off__1LfXm {\n  --tw-translate-x: 1.1rem;\n}\n\n.Toggle-module_circle__dHPyg {\n  display: inline-block;\n  height: 0.625rem;\n  width: 0.625rem;\n  border-radius: 9999px;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  --tw-bg-opacity: 1;\n  background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n\n.Toggle-module_circle__off__FzFMV {\n  --tw-translate-x: 0.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.Toggle-module_circle__on__4bnd7 {\n  --tw-translate-x: 1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.Toggle-module_circle__loading__2BmHG {\n  background-color: transparent !important;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n  transform: scale(125%);\n}\n\n.Toggle-module_wrapper__on__g1pHA .Toggle-module_circle__dHPyg {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.Toggle-module_wrapper__disabled__IJ8tH .Toggle-module_circle__dHPyg {\n  background-color: #bebebe;\n  color: #bebebe;\n}\n";
-var classes = {"labelWrapper":"Toggle-module_labelWrapper__uiOuA","wrapper":"Toggle-module_wrapper__BDsrR","wrapper__disabled":"Toggle-module_wrapper__disabled__IJ8tH","wrapper__on":"Toggle-module_wrapper__on__g1pHA","label":"Toggle-module_label__gfTxr","label__on":"Toggle-module_label__on__X-sD1","label__off":"Toggle-module_label__off__1LfXm","circle":"Toggle-module_circle__dHPyg","circle__off":"Toggle-module_circle__off__FzFMV","circle__on":"Toggle-module_circle__on__4bnd7","circle__loading":"Toggle-module_circle__loading__2BmHG"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/Toggle/ToggleOnOff.cjs

@@ -1,68 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@headlessui/react');
-var clsx = require('clsx');
-var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
-var index = require('../SvgIcon/index.cjs');
-var Toggle_module = require('./Toggle.module.css.cjs');
-
-function ToggleOnOff({
-  checked,
-  disabled,
-  loading,
-  onChange,
-  className,
-  ...props
-}) {
-  function handleChange(checked2) {
-    onChange?.(checked2);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.Switch,
-    {
-      checked,
-      onChange: handleChange,
-      className: clsx.clsx(
-        Toggle_module.default.wrapper,
-        className,
-        checked && !disabled && Toggle_module.default.wrapper__on,
-        disabled && Toggle_module.default.wrapper__disabled
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(
-              Toggle_module.default.label,
-              checked ? Toggle_module.default.label__on : Toggle_module.default.label__off
-            ),
-            children: checked ? "on" : "off"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(
-              Toggle_module.default.circle,
-              checked ? Toggle_module.default.circle__on : Toggle_module.default.circle__off,
-              loading && Toggle_module.default.circle__loading
-            ),
-            children: loading && /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.Loader, className: Toggle_module.default.loader })
-          }
-        )
-      ]
-    }
-  );
-}
-
-exports.ToggleOnOff = ToggleOnOff;

package/dist/esm/components/ComboBox/Dropdown/NavigationContext.mjs

@@ -1,117 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
-import deepEqual from 'fast-deep-equal';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-
-const NavigationContext = createContext({
-  currentItem: null,
-  moveToNextItem: () => null,
-  moveToPreviousItem: () => null,
-  onOptionsListChange: () => null
-});
-function NavigationContextProvider({
-  children
-}) {
-  const [currentItem, setCurrentItem] = useState(null);
-  const { isOptionSelected, drillDownStackTop } = useComboBoxDropdownContext();
-  const moveToPreviousItem = (options, fallbackOptions, currentItem2) => {
-    if (currentItem2 === "drill-up") {
-      return;
-    }
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!currentItem2) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx === 0 && !!drillDownStackTop) {
-      setCurrentItem("drill-up");
-      return;
-    }
-    if (idx > 0) {
-      const currentOption = itemOptions[idx - 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const moveToNextItem = (options, fallbackOptions, currentItem2) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (itemOptions.length === 0) {
-      setCurrentItem(null);
-      return;
-    }
-    if (!currentItem2 || currentItem2 === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx < itemOptions.length - 1) {
-      const currentOption = itemOptions[idx + 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const onOptionsListChange = (options, fallbackOptions) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!itemOptions.length) {
-      return;
-    }
-    if (currentItem === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (!currentItem || itemOptions.indexOf(currentItem) == -1) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (getOptionIndex(currentItem, itemOptions) == -1) {
-      const selectedOption = options.find(isOptionSelected);
-      if (selectedOption) {
-        setCurrentItem(selectedOption);
-      } else {
-        const onlyOptions = getOnlyItemOptions(options);
-        setCurrentItem(onlyOptions[0]);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    NavigationContext.Provider,
-    {
-      value: {
-        currentItem,
-        moveToNextItem,
-        moveToPreviousItem,
-        onOptionsListChange
-      },
-      children
-    }
-  );
-}
-function useNavigationContext() {
-  return useContext(NavigationContext);
-}
-const makeOptionComparable = (option) => {
-  return option && {
-    ...option,
-    label: option.searchLabel ?? option.label?.toString()
-  };
-};
-const getOnlyItemOptions = (options) => options.filter((o) => !o.isSection);
-function getOptionIndex(option, options) {
-  return options.findIndex(
-    (o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option))
-  );
-}
-const getUnifiedOptionsList = (options, fallbackOptions) => {
-  const itemOptions = getOnlyItemOptions(options);
-  const fallbackItemOptions = getOnlyItemOptions(fallbackOptions);
-  return itemOptions.length ? itemOptions : fallbackItemOptions;
-};
-
-export { NavigationContextProvider, useNavigationContext };

package/dist/esm/components/Toggle/Toggle.mjs

@@ -1,64 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Switch } from '@headlessui/react';
-import { clsx } from 'clsx';
-import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import { SvgIcon } from '../SvgIcon/index.mjs';
-import classes from './Toggle.module.css.mjs';
-
-function Toggle({ children, ...props }) {
-  function toggleChange() {
-    props?.onChange?.(props?.checked);
-  }
-  function handleChange(checked2) {
-    props?.onChange?.(checked2);
-  }
-  if (children) {
-    return /* @__PURE__ */ jsxs("label", { className: classes.labelWrapper, children: [
-      /* @__PURE__ */ jsx(Toggle, { ...props }),
-      /* @__PURE__ */ jsx("span", { onClick: toggleChange, children })
-    ] });
-  }
-  const {
-    checked,
-    disabled,
-    loading,
-    onChange: _,
-    className,
-    ...restProps
-  } = props;
-  return /* @__PURE__ */ jsx(
-    Switch,
-    {
-      checked,
-      onChange: handleChange,
-      className: clsx(
-        classes.wrapper,
-        className,
-        checked && !disabled && classes.wrapper__on,
-        disabled && classes.wrapper__disabled
-      ),
-      ...restProps,
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: clsx(
-            classes.circle,
-            checked ? classes.circle__on : classes.circle__off,
-            loading && classes.circle__loading
-          ),
-          children: loading && /* @__PURE__ */ jsx(SvgIcon, { type: SvgIconType.Loader, className: classes.loader })
-        }
-      )
-    }
-  );
-}
-
-export { Toggle };

package/dist/esm/components/Toggle/Toggle.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".Toggle-module_labelWrapper__uiOuA {\n  display: inline-flex;\n  flex-direction: row;\n  gap: 0.5rem;\n  cursor: pointer;\n}\n\n.Toggle-module_wrapper__BDsrR {\n  position: relative;\n  display: inline-flex;\n  height: 1.25rem;\n  flex-shrink: 0;\n  align-items: center;\n  border-radius: 9999px;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  width: 2.4rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n}\n\n.Toggle-module_wrapper__BDsrR:not(.Toggle-module_wrapper__disabled__IJ8tH):hover {\n    background-color: #dfdfdf;\n  }\n\n.Toggle-module_wrapper__on__g1pHA {\n  background-color: #619446;\n}\n\n.Toggle-module_wrapper__on__g1pHA:not(.Toggle-module_wrapper__disabled__IJ8tH):hover {\n    background-color: #4a7035;\n  }\n\n.Toggle-module_wrapper__disabled__IJ8tH {\n  pointer-events: none;\n}\n\n.Toggle-module_label__gfTxr {\n  font-size: 0.625rem;\n  position: absolute;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.Toggle-module_label__on__X-sD1 {\n  --tw-translate-x: 0.375rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.Toggle-module_label__off__1LfXm {\n  --tw-translate-x: 1.1rem;\n}\n\n.Toggle-module_circle__dHPyg {\n  display: inline-block;\n  height: 0.625rem;\n  width: 0.625rem;\n  border-radius: 9999px;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n  --tw-bg-opacity: 1;\n  background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n\n.Toggle-module_circle__off__FzFMV {\n  --tw-translate-x: 0.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.Toggle-module_circle__on__4bnd7 {\n  --tw-translate-x: 1.5rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n.Toggle-module_circle__loading__2BmHG {\n  background-color: transparent !important;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n  transform: scale(125%);\n}\n\n.Toggle-module_wrapper__on__g1pHA .Toggle-module_circle__dHPyg {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n\n.Toggle-module_wrapper__disabled__IJ8tH .Toggle-module_circle__dHPyg {\n  background-color: #bebebe;\n  color: #bebebe;\n}\n";
-var classes = {"labelWrapper":"Toggle-module_labelWrapper__uiOuA","wrapper":"Toggle-module_wrapper__BDsrR","wrapper__disabled":"Toggle-module_wrapper__disabled__IJ8tH","wrapper__on":"Toggle-module_wrapper__on__g1pHA","label":"Toggle-module_label__gfTxr","label__on":"Toggle-module_label__on__X-sD1","label__off":"Toggle-module_label__off__1LfXm","circle":"Toggle-module_circle__dHPyg","circle__off":"Toggle-module_circle__off__FzFMV","circle__on":"Toggle-module_circle__on__4bnd7","circle__loading":"Toggle-module_circle__loading__2BmHG"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/Toggle/ToggleOnOff.mjs

@@ -1,66 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Switch } from '@headlessui/react';
-import { clsx } from 'clsx';
-import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import { SvgIcon } from '../SvgIcon/index.mjs';
-import classes from './Toggle.module.css.mjs';
-
-function ToggleOnOff({
-  checked,
-  disabled,
-  loading,
-  onChange,
-  className,
-  ...props
-}) {
-  function handleChange(checked2) {
-    onChange?.(checked2);
-  }
-  return /* @__PURE__ */ jsxs(
-    Switch,
-    {
-      checked,
-      onChange: handleChange,
-      className: clsx(
-        classes.wrapper,
-        className,
-        checked && !disabled && classes.wrapper__on,
-        disabled && classes.wrapper__disabled
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              classes.label,
-              checked ? classes.label__on : classes.label__off
-            ),
-            children: checked ? "on" : "off"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: clsx(
-              classes.circle,
-              checked ? classes.circle__on : classes.circle__off,
-              loading && classes.circle__loading
-            ),
-            children: loading && /* @__PURE__ */ jsx(SvgIcon, { type: SvgIconType.Loader, className: classes.loader })
-          }
-        )
-      ]
-    }
-  );
-}
-
-export { ToggleOnOff };

package/dist/types/components/ComboBox/Dropdown/NavigationContext.d.ts

@@ -1,12 +0,0 @@
-import { ComboBoxOption } from '../types';
-type Context = {
-    currentItem: ComboBoxOption | 'drill-up' | null;
-    moveToNextItem: (options: ComboBoxOption[], fallbackOptions: ComboBoxOption[], currentItem: Context['currentItem']) => void;
-    moveToPreviousItem: (options: ComboBoxOption[], fallbackOptions: ComboBoxOption[], currentItem: Context['currentItem']) => void;
-    onOptionsListChange: (options: ComboBoxOption[], fallbackOptions: ComboBoxOption[]) => void;
-};
-export declare function NavigationContextProvider({ children, }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useNavigationContext(): Context;
-export {};

package/dist/types/components/Toggle/Toggle.d.ts

@@ -1,2 +0,0 @@
-import { ToggleProps } from './types';
-export declare function Toggle({ children, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Toggle/ToggleOnOff.d.ts

@@ -1,2 +0,0 @@
-import { ToggleProps } from './types';
-export declare function ToggleOnOff({ checked, disabled, loading, onChange, className, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Toggle/types.d.ts

@@ -1,16 +0,0 @@
-import { SwitchProps } from '@headlessui/react';
-type GenericToggleProps = SwitchProps<'button'> & {
-    checked: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-    onChange?: (checked: boolean) => void;
-    className?: string;
-};
-type TogglePropsWithChildren = GenericToggleProps & {
-    children?: React.ReactNode;
-};
-type TogglePropsWithoutChildren = GenericToggleProps & {
-    children?: never;
-};
-export type ToggleProps = TogglePropsWithChildren | TogglePropsWithoutChildren;
-export {};