@integration-app/react 2.5.3 → 2.5.5

package/dist/styles.css

@@ -2589,6 +2589,88 @@
       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);
+      --iap-colors-color-palette-3: var(--iap-colors-accent-3);
+      --iap-colors-color-palette-4: var(--iap-colors-accent-4);
+      --iap-colors-color-palette-5: var(--iap-colors-accent-5);
+      --iap-colors-color-palette-6: var(--iap-colors-accent-6);
+      --iap-colors-color-palette-7: var(--iap-colors-accent-7);
+      --iap-colors-color-palette-8: var(--iap-colors-accent-8);
+      --iap-colors-color-palette-9: var(--iap-colors-accent-9);
+      --iap-colors-color-palette-10: var(--iap-colors-accent-10);
+      --iap-colors-color-palette-11: var(--iap-colors-accent-11);
+      --iap-colors-color-palette-12: var(--iap-colors-accent-12);
+      --iap-colors-color-palette-a1: var(--iap-colors-accent-a1);
+      --iap-colors-color-palette-a2: var(--iap-colors-accent-a2);
+      --iap-colors-color-palette-a3: var(--iap-colors-accent-a3);
+      --iap-colors-color-palette-a4: var(--iap-colors-accent-a4);
+      --iap-colors-color-palette-a5: var(--iap-colors-accent-a5);
+      --iap-colors-color-palette-a6: var(--iap-colors-accent-a6);
+      --iap-colors-color-palette-a7: var(--iap-colors-accent-a7);
+      --iap-colors-color-palette-a8: var(--iap-colors-accent-a8);
+      --iap-colors-color-palette-a9: var(--iap-colors-accent-a9);
+      --iap-colors-color-palette-a10: var(--iap-colors-accent-a10);
+      --iap-colors-color-palette-a11: var(--iap-colors-accent-a11);
+      --iap-colors-color-palette-a12: var(--iap-colors-accent-a12);
+      --iap-colors-color-palette-default: var(--iap-colors-accent-default);
+      --iap-colors-color-palette-emphasized: var(--iap-colors-accent-emphasized);
+      --iap-colors-color-palette-fg: var(--iap-colors-accent-fg);
+      --iap-colors-color-palette-text: var(--iap-colors-accent-text);
+      display: flex;
+      position: relative;
+      align-items: center;
+}
+
+    .iap-switchRecipe__label {
+      color: var(--iap-colors-fg-default);
+      font-weight: var(--iap-font-weights-medium);
+}
+
+    .iap-switchRecipe__control {
+      background: var(--iap-colors-bg-emphasized);
+      border-radius: var(--iap-radii-full);
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      flex-shrink: 0;
+      --transition-duration: var(--iap-durations-normal);
+      transition-duration: var(--iap-durations-normal);
+      --transition-prop: background;
+      transition-property: background;
+      --transition-easing: var(--iap-easings-default);
+      transition-timing-function: var(--iap-easings-default);
+}
+
+    .iap-switchRecipe__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      background: var(--iap-colors-color-palette-default);
+}
+
+    .iap-switchRecipe__thumb {
+      background: var(--iap-colors-bg-default);
+      border-radius: var(--iap-radii-full);
+      box-shadow: var(--iap-shadows-xs);
+      --transition-duration: var(--iap-durations-normal);
+      transition-duration: var(--iap-durations-normal);
+      --transition-prop: transform, background;
+      transition-property: transform, background;
+      --transition-easing: var(--iap-easings-default);
+      transition-timing-function: var(--iap-easings-default);
+}
+
+    .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      transform: translateX(100%);
+}
+
+    :root .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),.light .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      background: var(--iap-colors-bg-default);
+}
+
+    .dark .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
+      background: var(--iap-colors-color-palette-fg);
+}
+
     .iap-menu__content {
       background: var(--iap-colors-bg-default);
       border-radius: var(--iap-radii-l2);
@@ -2675,88 +2757,6 @@
       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);
-      --iap-colors-color-palette-3: var(--iap-colors-accent-3);
-      --iap-colors-color-palette-4: var(--iap-colors-accent-4);
-      --iap-colors-color-palette-5: var(--iap-colors-accent-5);
-      --iap-colors-color-palette-6: var(--iap-colors-accent-6);
-      --iap-colors-color-palette-7: var(--iap-colors-accent-7);
-      --iap-colors-color-palette-8: var(--iap-colors-accent-8);
-      --iap-colors-color-palette-9: var(--iap-colors-accent-9);
-      --iap-colors-color-palette-10: var(--iap-colors-accent-10);
-      --iap-colors-color-palette-11: var(--iap-colors-accent-11);
-      --iap-colors-color-palette-12: var(--iap-colors-accent-12);
-      --iap-colors-color-palette-a1: var(--iap-colors-accent-a1);
-      --iap-colors-color-palette-a2: var(--iap-colors-accent-a2);
-      --iap-colors-color-palette-a3: var(--iap-colors-accent-a3);
-      --iap-colors-color-palette-a4: var(--iap-colors-accent-a4);
-      --iap-colors-color-palette-a5: var(--iap-colors-accent-a5);
-      --iap-colors-color-palette-a6: var(--iap-colors-accent-a6);
-      --iap-colors-color-palette-a7: var(--iap-colors-accent-a7);
-      --iap-colors-color-palette-a8: var(--iap-colors-accent-a8);
-      --iap-colors-color-palette-a9: var(--iap-colors-accent-a9);
-      --iap-colors-color-palette-a10: var(--iap-colors-accent-a10);
-      --iap-colors-color-palette-a11: var(--iap-colors-accent-a11);
-      --iap-colors-color-palette-a12: var(--iap-colors-accent-a12);
-      --iap-colors-color-palette-default: var(--iap-colors-accent-default);
-      --iap-colors-color-palette-emphasized: var(--iap-colors-accent-emphasized);
-      --iap-colors-color-palette-fg: var(--iap-colors-accent-fg);
-      --iap-colors-color-palette-text: var(--iap-colors-accent-text);
-      display: flex;
-      position: relative;
-      align-items: center;
-}
-
-    .iap-switchRecipe__label {
-      color: var(--iap-colors-fg-default);
-      font-weight: var(--iap-font-weights-medium);
-}
-
-    .iap-switchRecipe__control {
-      background: var(--iap-colors-bg-emphasized);
-      border-radius: var(--iap-radii-full);
-      cursor: pointer;
-      display: inline-flex;
-      align-items: center;
-      flex-shrink: 0;
-      --transition-duration: var(--iap-durations-normal);
-      transition-duration: var(--iap-durations-normal);
-      --transition-prop: background;
-      transition-property: background;
-      --transition-easing: var(--iap-easings-default);
-      transition-timing-function: var(--iap-easings-default);
-}
-
-    .iap-switchRecipe__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      background: var(--iap-colors-color-palette-default);
-}
-
-    .iap-switchRecipe__thumb {
-      background: var(--iap-colors-bg-default);
-      border-radius: var(--iap-radii-full);
-      box-shadow: var(--iap-shadows-xs);
-      --transition-duration: var(--iap-durations-normal);
-      transition-duration: var(--iap-durations-normal);
-      --transition-prop: transform, background;
-      transition-property: transform, background;
-      --transition-easing: var(--iap-easings-default);
-      transition-timing-function: var(--iap-easings-default);
-}
-
-    .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      transform: translateX(100%);
-}
-
-    :root .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]),.light .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      background: var(--iap-colors-bg-default);
-}
-
-    .dark .iap-switchRecipe__thumb:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
-      background: var(--iap-colors-color-palette-fg);
-}
-
     .iap-field__root {
       display: flex;
       gap: var(--iap-spacing-1\.5);
@@ -2882,6 +2882,25 @@
 }
 }
 
+  .iap-switchRecipe__root--size_md {
+    gap: var(--iap-spacing-3);
+}
+
+  .iap-switchRecipe__label--size_md {
+    font-size: var(--iap-font-sizes-md);
+    line-height: 1.5rem;
+}
+
+  .iap-switchRecipe__control--size_md {
+    width: var(--iap-sizes-9);
+    padding: var(--iap-spacing-0\.5);
+}
+
+  .iap-switchRecipe__thumb--size_md {
+    width: var(--iap-sizes-4);
+    height: var(--iap-sizes-4);
+}
+
   .iap-menu__content--size_md {
     padding-block: var(--iap-spacing-1);
     gap: var(--iap-spacing-1);
@@ -2919,25 +2938,6 @@
     height: var(--iap-sizes-4);
 }
 
-  .iap-switchRecipe__root--size_md {
-    gap: var(--iap-spacing-3);
-}
-
-  .iap-switchRecipe__label--size_md {
-    font-size: var(--iap-font-sizes-md);
-    line-height: 1.5rem;
-}
-
-  .iap-switchRecipe__control--size_md {
-    width: var(--iap-sizes-9);
-    padding: var(--iap-spacing-0\.5);
-}
-
-  .iap-switchRecipe__thumb--size_md {
-    width: var(--iap-sizes-4);
-    height: var(--iap-sizes-4);
-}
-
   .iap-avatar__root--size_md,.iap-avatar__image--size_md {
     height: var(--iap-sizes-10);
     width: var(--iap-sizes-10);
@@ -3400,26 +3400,6 @@
     box-shadow: none;
 }
 
-  .iap-z_1 {
-    z-index: 1;
-}
-
-  .iap-w_auto {
-    width: auto;
-}
-
-  .iap-gap_0 {
-    gap: var(--iap-spacing-0);
-}
-
-  .iap-m_0 {
-    margin: var(--iap-spacing-0);
-}
-
-  .iap-px_3 {
-    padding-inline: var(--iap-spacing-3);
-}
-
   .iap-bg_neutral\.3 {
     background: var(--iap-colors-neutral-3);
 }
@@ -3482,6 +3462,10 @@
     background: var(--iap-colors-surface-default);
 }
 
+  .iap-px_3 {
+    padding-inline: var(--iap-spacing-3);
+}
+
   .iap-py_2\.5 {
     padding-block: var(--iap-spacing-2\.5);
 }
@@ -3490,6 +3474,10 @@
     min-width: var(--iap-sizes-48);
 }
 
+  .iap-w_auto {
+    width: auto;
+}
+
   .iap-gap_5 {
     gap: var(--iap-spacing-5);
 }
@@ -3498,10 +3486,18 @@
     padding-inline: var(--iap-spacing-2\.5);
 }
 
+  .iap-m_0 {
+    margin: var(--iap-spacing-0);
+}
+
   .iap-h_auto {
     height: auto;
 }
 
+  .iap-gap_0 {
+    gap: var(--iap-spacing-0);
+}
+
   .iap-c_neutral\.9 {
     color: var(--iap-colors-neutral-9);
 }
@@ -4968,14 +4964,6 @@
     border-color: var(--iap-colors-neutral-5);
 }
 
-  .iap-bd-t-w_thin {
-    border-top-width: thin;
-}
-
-  .iap-bd-c_neutral\.6 {
-    border-color: var(--iap-colors-neutral-6);
-}
-
   .iap-fw_normal {
     font-weight: var(--iap-font-weights-normal);
 }
@@ -5064,10 +5052,6 @@
     padding-bottom: var(--iap-spacing-0);
 }
 
-  .first\:iap-bd-t-w_0:first-child {
-    border-top-width: 0;
-}
-
   .\[\&\[data-selected\=\"true\"\]\]\:iap-fw_bold[data-selected="true"] {
     font-weight: var(--iap-font-weights-bold);
 }

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

@@ -1,6 +1,5 @@
 import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
-import { ButtonProps, GenericButtonProps, IconButtonProps } from './Button.types';
-export declare const GenericButton: import("react").ForwardRefExoticComponent<GenericButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { ButtonProps, IconButtonProps } from './Button.types';
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare function ButtonSvgIcon({ type, className, size, position, }: {

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

@@ -1,3 +1,2 @@
 export * from './SimpleInput';
 export * from './SimpleTextarea';
-export * from './SimpleRadio';

package/dist/types/index.d.ts

@@ -86,4 +86,3 @@ export * from './contexts/integration-app-client-context';
 export * from './contexts/integration-app-connection-context';
 export * from './contexts/integration-app-integration-context';
 export * from './components/DataInput';
-export * from './components/SimpleMenu';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.5.3",
+  "version": "2.5.5",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -54,7 +54,7 @@
     "@ark-ui/react": "^4.1.1",
     "@floating-ui/react": "^0.27.0",
     "@headlessui/react": "^1.7.18",
-    "@integration-app/sdk": "^1.7.2",
+    "@integration-app/sdk": "^1.7.3",
     "@lexical/react": "^0.23.1",
     "@popperjs/core": "^2.11.5",
     "@tabler/icons-react": "^3.30.0",

package/dist/cjs/components/SimpleInput/SimpleRadio.cjs

@@ -1,34 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../Radio/index.cjs');
-var SimpleInput_module = require('./SimpleInput.module.css.cjs');
-
-function SimpleRadio({
-  label,
-  checked,
-  onCheck
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: SimpleInput_module.default.simpleRadio, onClick: onCheck, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      index.Radiobutton,
-      {
-        checked,
-        onChange: () => {
-        },
-        className: SimpleInput_module.default.simpleRadio_radio
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-  ] });
-}
-
-exports.SimpleRadio = SimpleRadio;

package/dist/cjs/components/SimpleMenu/index.cjs

@@ -1,80 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var react = require('@ark-ui/react');
-var menu = require('../../ui-kit/styled/menu.cjs');
-
-const SimpleMenu = ({
-  triggerNode,
-  children,
-  placement = "bottom-start",
-  offset = [0, 4],
-  lazyMount = true,
-  unmountOnExit = true,
-  portalled = false
-}) => {
-  const [crossAxis, mainAxis] = offset;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    menu.Root,
-    {
-      lazyMount,
-      unmountOnExit,
-      positioning: {
-        placement,
-        offset: {
-          crossAxis,
-          mainAxis
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(menu.Trigger, { asChild: true, children: triggerNode }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.Portal, { disabled: !portalled, children: /* @__PURE__ */ jsxRuntime.jsx(menu.Positioner, { zIndex: "1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          menu.Content,
-          {
-            bg: "neutral.2",
-            borderWidth: "thin",
-            borderColor: "neutral.5",
-            p: "0",
-            rounded: "sm",
-            minW: "28",
-            w: "auto",
-            shadow: "none",
-            gap: "0",
-            children
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-SimpleMenu.Item = React.forwardRef(({ value, children, ...rest }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    menu.Item,
-    {
-      ref,
-      value,
-      m: "0",
-      borderTopWidth: "thin",
-      borderColor: "neutral.6",
-      px: "3",
-      py: "2",
-      fontWeight: "normal",
-      _first: {
-        borderTopWidth: "0"
-      },
-      ...rest,
-      children
-    }
-  );
-});
-
-exports.SimpleMenu = SimpleMenu;

package/dist/esm/components/SimpleInput/SimpleRadio.mjs

@@ -1,32 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.3
- */
-'use client';
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Radiobutton } from '../Radio/index.mjs';
-import classes from './SimpleInput.module.css.mjs';
-
-function SimpleRadio({
-  label,
-  checked,
-  onCheck
-}) {
-  return /* @__PURE__ */ jsxs("label", { className: classes.simpleRadio, onClick: onCheck, children: [
-    /* @__PURE__ */ jsx(
-      Radiobutton,
-      {
-        checked,
-        onChange: () => {
-        },
-        className: classes.simpleRadio_radio
-      }
-    ),
-    /* @__PURE__ */ jsx("span", { children: label })
-  ] });
-}
-
-export { SimpleRadio };

package/dist/esm/components/SimpleMenu/index.mjs

@@ -1,78 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.5.3
- */
-'use client';
-
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Portal } from '@ark-ui/react';
-import { Item, Root, Trigger, Positioner, Content } from '../../ui-kit/styled/menu.mjs';
-
-const SimpleMenu = ({
-  triggerNode,
-  children,
-  placement = "bottom-start",
-  offset = [0, 4],
-  lazyMount = true,
-  unmountOnExit = true,
-  portalled = false
-}) => {
-  const [crossAxis, mainAxis] = offset;
-  return /* @__PURE__ */ jsxs(
-    Root,
-    {
-      lazyMount,
-      unmountOnExit,
-      positioning: {
-        placement,
-        offset: {
-          crossAxis,
-          mainAxis
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx(Trigger, { asChild: true, children: triggerNode }),
-        /* @__PURE__ */ jsx(Portal, { disabled: !portalled, children: /* @__PURE__ */ jsx(Positioner, { zIndex: "1", children: /* @__PURE__ */ jsx(
-          Content,
-          {
-            bg: "neutral.2",
-            borderWidth: "thin",
-            borderColor: "neutral.5",
-            p: "0",
-            rounded: "sm",
-            minW: "28",
-            w: "auto",
-            shadow: "none",
-            gap: "0",
-            children
-          }
-        ) }) })
-      ]
-    }
-  );
-};
-SimpleMenu.Item = forwardRef(({ value, children, ...rest }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Item,
-    {
-      ref,
-      value,
-      m: "0",
-      borderTopWidth: "thin",
-      borderColor: "neutral.6",
-      px: "3",
-      py: "2",
-      fontWeight: "normal",
-      _first: {
-        borderTopWidth: "0"
-      },
-      ...rest,
-      children
-    }
-  );
-});
-
-export { SimpleMenu };

package/dist/types/components/SimpleInput/SimpleRadio.d.ts

@@ -1,5 +0,0 @@
-export declare function SimpleRadio({ label, checked, onCheck, }: {
-    label: string | JSX.Element;
-    checked: boolean;
-    onCheck: () => void;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { type Menu as ArkMenu } from '@ark-ui/react';
-import { Menu } from '../../ui-kit/menu';
-type NamespaceComponents = {
-    Item: React.FC<ArkMenu.ItemBaseProps & {
-        children: React.ReactNode;
-    } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-};
-export declare const SimpleMenu: React.FC<{
-    triggerNode: React.ReactNode;
-    children: React.ReactNode;
-    placement?: NonNullable<Menu.RootProps['positioning']>['placement'];
-    offset?: [number, number];
-    portalled?: boolean;
-} & Omit<React.ComponentProps<typeof Menu.Root>, 'positioning'>> & NamespaceComponents;
-export {};