@integration-app/react 2.7.0 → 2.8.0

package/dist/esm/ui-kit/styled/menu.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/popover.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/skeleton.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/spinner.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/switch.mjs

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.8.0
+ */
+'use client';
+
+import { Switch } from '@ark-ui/react/switch';
+export { SwitchContext as Context, SwitchHiddenInput as HiddenInput } from '@ark-ui/react/switch';
+import '../../styled-system/helpers.mjs';
+import '../../styled-system/css/conditions.mjs';
+import '../../styled-system/css/css.mjs';
+import { switchRecipe } from '../../styled-system/recipes/switch-recipe.mjs';
+import { createStyleContext } from './utils/create-style-context.mjs';
+
+const { withProvider, withContext } = createStyleContext(switchRecipe);
+withProvider(Switch.RootProvider, "root");
+const Root = withProvider(Switch.Root, "root");
+const Control = withContext(Switch.Control, "control");
+const Label = withContext(Switch.Label, "label");
+const Thumb = withContext(Switch.Thumb, "thumb");
+
+export { Control, Label, Root, Thumb };

package/dist/esm/ui-kit/styled/text.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/tooltip.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/switch.mjs

@@ -0,0 +1,50 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.8.0
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { SvgIcon } from '../components/SvgIcon/index.mjs';
+import { SvgIconType } from '../components/SvgIcon/svg-icon-type.mjs';
+import { css } from '../styled-system/css/css.mjs';
+import '../styled-system/helpers.mjs';
+import { Root, Control, Thumb, Label } from './styled/switch.mjs';
+import { SwitchHiddenInput } from '@ark-ui/react/switch';
+
+const Switch = forwardRef(
+  (props, ref) => {
+    const { children, ...rootProps } = props;
+    const { checked, loading } = props;
+    return /* @__PURE__ */ jsxs(Root, { ref, ...rootProps, children: [
+      /* @__PURE__ */ jsx(Control, { bg: checked ? "green" : "primary", children: loading ? /* @__PURE__ */ jsx(
+        SvgIcon,
+        {
+          type: SvgIconType.Loader,
+          className: css({
+            w: "4",
+            h: "4",
+            p: "0.5",
+            color: checked ? "white" : "black"
+          })
+        }
+      ) : /* @__PURE__ */ jsx(Thumb, {}) }),
+      children && /* @__PURE__ */ jsx(
+        Label,
+        {
+          textStyle: "sm",
+          fontWeight: "normal",
+          textWrap: "nowrap",
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SwitchHiddenInput, {})
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+export { Switch };

package/dist/styles.css

@@ -2517,78 +2517,6 @@
 @layer iap_recipes.slots{
   @layer _base{
 
-    .iap-tooltip__content {
-      background: var(--iap-colors-gray-a12);
-      border-radius: var(--iap-radii-l2);
-      box-shadow: var(--iap-shadows-sm);
-      color: var(--iap-colors-bg-default);
-      padding-inline: var(--iap-spacing-3);
-      padding-block: var(--iap-spacing-2);
-      font-size: var(--iap-font-sizes-xs);
-      line-height: 1.125rem;
-      max-width: var(--iap-sizes-2xs);
-      z-index: var(--iap-z-index-tooltip);
-      font-weight: var(--iap-font-weights-semibold);
-}
-
-    .iap-tooltip__content:is([open], [data-open], [data-state="open"]) {
-      animation: fadeIn 0.25s ease-out;
-}
-
-    .iap-tooltip__content:is([closed], [data-closed], [data-state="closed"]) {
-      animation: fadeOut 0.2s ease-out;
-}
-
-    .iap-popover__arrow {
-      --arrow-size: var(--sizes-3);
-      --arrow-background: var(--colors-bg-default);
-}
-
-    .iap-popover__arrowTip {
-      border-top-width: 1px;
-      border-left-width: 1px;
-}
-
-    .iap-popover__positioner {
-      position: relative;
-}
-
-    .iap-popover__content {
-      background: var(--iap-colors-bg-default);
-      border-radius: var(--iap-radii-l3);
-      box-shadow: var(--iap-shadows-lg);
-      display: flex;
-      max-width: var(--iap-sizes-sm);
-      z-index: var(--iap-z-index-popover);
-      padding: var(--iap-spacing-4);
-      flex-direction: column;
-}
-
-    .iap-popover__content:is([open], [data-open], [data-state="open"]) {
-      animation: fadeIn 0.25s ease-out;
-}
-
-    .iap-popover__content:is([closed], [data-closed], [data-state="closed"]) {
-      animation: fadeOut 0.2s ease-out;
-}
-
-    .iap-popover__content:is([hidden]) {
-      display: none;
-}
-
-    .iap-popover__title {
-      font-weight: var(--iap-font-weights-medium);
-}
-
-    .iap-popover__title,.iap-popover__description {
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-}
-
-    .iap-popover__description,.iap-popover__closeTrigger {
-      color: var(--iap-colors-fg-muted);
-}
-
     .iap-switchRecipe__root {
       --iap-colors-color-palette-1: var(--iap-colors-accent-1);
       --iap-colors-color-palette-2: var(--iap-colors-accent-2);
@@ -2671,6 +2599,78 @@
       background: var(--iap-colors-color-palette-fg);
 }
 
+    .iap-tooltip__content {
+      background: var(--iap-colors-gray-a12);
+      border-radius: var(--iap-radii-l2);
+      box-shadow: var(--iap-shadows-sm);
+      color: var(--iap-colors-bg-default);
+      padding-inline: var(--iap-spacing-3);
+      padding-block: var(--iap-spacing-2);
+      font-size: var(--iap-font-sizes-xs);
+      line-height: 1.125rem;
+      max-width: var(--iap-sizes-2xs);
+      z-index: var(--iap-z-index-tooltip);
+      font-weight: var(--iap-font-weights-semibold);
+}
+
+    .iap-tooltip__content:is([open], [data-open], [data-state="open"]) {
+      animation: fadeIn 0.25s ease-out;
+}
+
+    .iap-tooltip__content:is([closed], [data-closed], [data-state="closed"]) {
+      animation: fadeOut 0.2s ease-out;
+}
+
+    .iap-popover__arrow {
+      --arrow-size: var(--sizes-3);
+      --arrow-background: var(--colors-bg-default);
+}
+
+    .iap-popover__arrowTip {
+      border-top-width: 1px;
+      border-left-width: 1px;
+}
+
+    .iap-popover__positioner {
+      position: relative;
+}
+
+    .iap-popover__content {
+      background: var(--iap-colors-bg-default);
+      border-radius: var(--iap-radii-l3);
+      box-shadow: var(--iap-shadows-lg);
+      display: flex;
+      max-width: var(--iap-sizes-sm);
+      z-index: var(--iap-z-index-popover);
+      padding: var(--iap-spacing-4);
+      flex-direction: column;
+}
+
+    .iap-popover__content:is([open], [data-open], [data-state="open"]) {
+      animation: fadeIn 0.25s ease-out;
+}
+
+    .iap-popover__content:is([closed], [data-closed], [data-state="closed"]) {
+      animation: fadeOut 0.2s ease-out;
+}
+
+    .iap-popover__content:is([hidden]) {
+      display: none;
+}
+
+    .iap-popover__title {
+      font-weight: var(--iap-font-weights-medium);
+}
+
+    .iap-popover__title,.iap-popover__description {
+      font-size: var(--iap-font-sizes-sm);
+      line-height: 1.25rem;
+}
+
+    .iap-popover__description,.iap-popover__closeTrigger {
+      color: var(--iap-colors-fg-muted);
+}
+
     .iap-menu__content {
       background: var(--iap-colors-bg-default);
       border-radius: var(--iap-radii-l2);
@@ -3304,6 +3304,30 @@
     border-width: 0;
 }
 
+  .iap-bg_green {
+    background: green;
+}
+
+  .iap-bg_primary {
+    background: primary;
+}
+
+  .iap-c_white {
+    color: var(--iap-colors-white);
+}
+
+  .iap-c_black {
+    color: var(--iap-colors-black);
+}
+
+  .iap-p_0\.5 {
+    padding: var(--iap-spacing-0\.5);
+}
+
+  .iap-tw_nowrap {
+    text-wrap: nowrap;
+}
+
   .iap-offset_0 {
     offset: 0;
 }
@@ -3424,10 +3448,6 @@
     background: var(--iap-colors-neutral-3);
 }
 
-  .iap-c_black {
-    color: var(--iap-colors-black);
-}
-
   .iap-bg_black {
     background: var(--iap-colors-black);
 }
@@ -3436,10 +3456,6 @@
     border-radius: var(--iap-radii-xl);
 }
 
-  .iap-c_white {
-    color: var(--iap-colors-white);
-}
-
   .iap-bg_neutral\.3\! {
     background: var(--iap-colors-neutral-3) !important;
 }
@@ -4944,6 +4960,10 @@
     border-left-color: var(--iap-colors-transparent);
 }
 
+  .iap-fw_normal {
+    font-weight: var(--iap-font-weights-normal);
+}
+
   .iap-ml_2 {
     margin-left: var(--iap-spacing-2);
 }
@@ -4996,10 +5016,6 @@
     border-color: var(--iap-colors-neutral-5);
 }
 
-  .iap-fw_normal {
-    font-weight: var(--iap-font-weights-normal);
-}
-
   .iap-ai_start {
     align-items: start;
 }

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

@@ -1,4 +1,5 @@
-import { Toggle } from './Toggle';
-import { ToggleOnOff } from './ToggleOnOff';
-import type { ToggleProps } from './types';
-export { Toggle, ToggleOnOff, ToggleProps };
+import { SwitchProps } from '../../ui-kit/switch';
+export type ToggleProps = Pick<SwitchProps, 'checked' | 'children' | 'disabled' | 'className' | 'onCheckedChange'> & {
+    loading?: boolean;
+};
+export declare function Toggle(props: ToggleProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { Switch } from '@ark-ui/react/switch';
+import { type SwitchRecipeVariantProps } from '../../styled-system/recipes';
+import type { Assign } from '@ark-ui/react';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProviderProps = ComponentProps<typeof RootProvider>;
+export declare const RootProvider: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"label">, Switch.RootProviderBaseProps>, SwitchRecipeVariantProps>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"label">, Switch.RootBaseProps>, SwitchRecipeVariantProps>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Control: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Switch.ControlBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Switch.LabelBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Thumb: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Switch.ThumbBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export { SwitchContext as Context, SwitchHiddenInput as HiddenInput, } from '@ark-ui/react/switch';

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.7.0",
+  "version": "2.8.0",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -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",

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.7.0
- */
-'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.7.0
- */
-'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.7.0
- */
-'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/Toggle/Toggle.mjs

@@ -1,64 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.7.0
- */
-'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.7.0
- */
-'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 };