@membranehq/react 0.1.0

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

@@ -0,0 +1,14 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import styleInject from 'style-inject';
+
+var css_248z = ".Notification-module_notification__JgJp1 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  padding-left: 0.625rem;\n  padding-right: 0.75rem;\n  border-radius: 0.25rem;\n  border-width: 1px;\n  min-height: 2.25rem /* h-9 */\n}\n.Notification-module_notification__info__t--x4 {\n  background-color: rgb(194 154 6 / var(--tw-bg-opacity, 1));\n  --tw-bg-opacity: 0.05;\n  --tw-text-opacity: 1;\n  color: rgb(194 154 6 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notification__warning__rPpDL {\n  background-color: rgb(194 154 6 / var(--tw-bg-opacity, 1));\n  --tw-bg-opacity: 0.05;\n  --tw-text-opacity: 1;\n  color: rgb(194 154 6 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notification__error__V9tK4 {\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity, 1));\n  --tw-bg-opacity: 0.05;\n  --tw-text-opacity: 1;\n  color: rgb(168 54 5 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notification__default__Kk9Kj {\n  --tw-border-opacity: 1;\n  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notification__sm__6Ocvf {\n  font-size: 0.813rem;\n  line-height: 1.4\n}\n.Notification-module_notification__md__G2Spf {\n}\n.Notification-module_notification_icon__DVkmu {\n  flex-shrink: 0;\n  flex-grow: 0;\n  color: currentColor;\n  opacity: 0.7;\n  height: 1.25rem;\n  width: 1.25rem\n}\n.Notification-module_notificationIcon__aZZEp {\n  display: inline-block;\n  height: 1.25rem;\n  width: 1.25rem;\n  max-width: 20rem\n}\n.Notification-module_notificationIcon_icon__d5ycZ {\n  height: 1.25rem;\n  width: 1.25rem;\n  stroke: currentColor\n}\n.Notification-module_notificationIcon__info__iCcgp {\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notificationIcon__warning__2UUbP {\n  --tw-text-opacity: 1;\n  color: rgb(194 154 6 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notificationIcon__error__RT61- {\n  --tw-text-opacity: 1;\n  color: rgb(168 54 5 / var(--tw-text-opacity, 1))\n}\n.Notification-module_notificationIcon__default__pJ6J4 {\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1))\n}\n";
+var classes = {"notification":"Notification-module_notification__JgJp1","notification__info":"Notification-module_notification__info__t--x4","notification__warning":"Notification-module_notification__warning__rPpDL","notification__error":"Notification-module_notification__error__V9tK4","notification__default":"Notification-module_notification__default__Kk9Kj","notification__sm":"Notification-module_notification__sm__6Ocvf","notification__md":"Notification-module_notification__md__G2Spf","notification_icon":"Notification-module_notification_icon__DVkmu","notificationIcon":"Notification-module_notificationIcon__aZZEp","notificationIcon_icon":"Notification-module_notificationIcon_icon__d5ycZ","notificationIcon__info":"Notification-module_notificationIcon__info__iCcgp","notificationIcon__warning":"Notification-module_notificationIcon__warning__2UUbP","notificationIcon__error":"Notification-module_notificationIcon__error__RT61-","notificationIcon__default":"Notification-module_notificationIcon__default__pJ6J4"};
+styleInject(css_248z);
+
+export { classes as default };

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

@@ -0,0 +1,92 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { isValidElement } from 'react';
+import { clsx } from 'clsx';
+import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
+import { SvgIcon } from '../SvgIcon/index.mjs';
+import { Tooltip } from '../Tooltip/index.mjs';
+import classes from './Notification.module.css.mjs';
+
+function Notification({ mode = "block", children, ...props }) {
+  if (mode === "icon") {
+    const validChildren = isValidElement(children) ? children : /* @__PURE__ */ jsx(Fragment, { children });
+    return /* @__PURE__ */ jsx(NotificationIcon, { ...props, children: validChildren });
+  }
+  return /* @__PURE__ */ jsx(NotificationBlock, { ...props, children });
+}
+function NotificationBlock({
+  icon,
+  type = "default",
+  size = "md",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx(classes.notification, getBlockClassnameByType(type), getBlockClassnameBySize(size), className),
+      children: [
+        /* @__PURE__ */ jsx(SvgIcon, { className: classes.notification_icon, type: icon || getIconByType(type) }),
+        " ",
+        children
+      ]
+    }
+  );
+}
+const BADGE_TOOLTIP_OFFSET = [-4, 8];
+function NotificationIcon({ icon, type, children, className }) {
+  return /* @__PURE__ */ jsx(Tooltip, { tooltip: children, placement: "right-start", offset: BADGE_TOOLTIP_OFFSET, children: /* @__PURE__ */ jsx("span", { className: clsx(classes.notificationIcon, getIconClassnameByType(type), className), children: /* @__PURE__ */ jsx(SvgIcon, { type: icon || getIconByType(type), className: classes.notificationIcon_icon }) }) });
+}
+function getIconByType(type) {
+  switch (type) {
+    case "error":
+      return SvgIconType.AlertCircle;
+    case "warning":
+      return SvgIconType.AlertTriangle;
+    case "info":
+    default:
+      return SvgIconType.InfoCircle;
+  }
+}
+function getBlockClassnameByType(type) {
+  switch (type) {
+    case "error":
+      return classes.notification__error;
+    case "warning":
+      return classes.notification__warning;
+    case "info":
+      return classes.notification__info;
+    default:
+      return classes.notification__default;
+  }
+}
+function getBlockClassnameBySize(size) {
+  switch (size) {
+    case "sm":
+      return classes.notification__sm;
+    case "md":
+    default:
+      return classes.notification__md;
+  }
+}
+function getIconClassnameByType(type) {
+  switch (type) {
+    case "error":
+      return classes.notificationIcon__error;
+    case "warning":
+      return classes.notificationIcon__warning;
+    case "info":
+      return classes.notificationIcon__info;
+    default:
+      return classes.notificationIcon__default;
+  }
+}
+
+export { Notification };

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

@@ -0,0 +1,54 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { BoundedPortal } from '../FloatingPortalBoundary/index.mjs';
+import { Root, Trigger, Positioner, Content } from '../../ui-kit/styled/popover.mjs';
+
+const DefaultPopper = forwardRef(
+  ({ placement = "bottom-start", isOpen, offset = [0, 8], className, children, triggerNode, onClickOutside }, ref) => {
+    const [crossAxis, mainAxis] = offset;
+    return /* @__PURE__ */ jsxs(
+      Root,
+      {
+        open: isOpen,
+        lazyMount: true,
+        unmountOnExit: true,
+        onPointerDownOutside: onClickOutside,
+        positioning: {
+          placement,
+          offset: {
+            crossAxis,
+            mainAxis
+          }
+        },
+        children: [
+          triggerNode && /* @__PURE__ */ jsx(Trigger, { asChild: true, children: triggerNode }),
+          /* @__PURE__ */ jsx(BoundedPortal, { children: /* @__PURE__ */ jsx(Positioner, { ref, children: /* @__PURE__ */ jsx(
+            Content,
+            {
+              bg: "neutral.2",
+              borderWidth: "thin",
+              borderColor: "neutral.5",
+              px: "4",
+              py: "2",
+              rounded: "sm",
+              minW: "28",
+              shadow: "none",
+              className,
+              children
+            }
+          ) }) })
+        ]
+      }
+    );
+  }
+);
+
+export { DefaultPopper };

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

@@ -0,0 +1,42 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import { Portal as Portal$1 } from 'react-portal';
+import { getRefElement } from '../../helpers/getRefElement.mjs';
+
+const isStorybook = Boolean(globalThis?.__STORYBOOK_PREVIEW__);
+const storybookPortalNode = "#storybook-root";
+function Portal({ node, children }) {
+  return /* @__PURE__ */ jsx(Portal$1, { node: getPortalNode(node), children });
+}
+function getPortalNode(portalNode) {
+  if (!portalNode) {
+    if (isStorybook) {
+      return getPortalNode(storybookPortalNode);
+    }
+    return null;
+  }
+  if (typeof portalNode === "string") {
+    return document?.querySelector?.(cssEscapedSelector(portalNode));
+  }
+  if (typeof portalNode === "function") {
+    return portalNode();
+  }
+  return getRefElement(portalNode);
+}
+function cssEscapedSelector(selector) {
+  if (selector.startsWith("#") || selector.startsWith(".")) {
+    const firstChar = selector[0];
+    const rest = selector.slice(1);
+    return `${firstChar}${CSS.escape(rest)}`;
+  }
+  return selector;
+}
+
+export { Portal };

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

@@ -0,0 +1,14 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import styleInject from 'style-inject';
+
+var css_248z = "@layer elements {\n  .Radio-module_uikit-radio__4iH4e {\n\n    position: relative;\n\n    display: inline-block;\n\n    -webkit-appearance: none;\n\n       -moz-appearance: none;\n\n            appearance: none;\n\n    align-self: baseline;\n\n    cursor: pointer;\n\n    border-width: 1px;\n\n    --tw-border-opacity: 1;\n\n    border-color: rgb(105 105 105 / var(--tw-border-opacity, 1));\n\n    border-radius: 9999px;\n\n    --tw-bg-opacity: 1;\n\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n\n    margin: 0px;\n\n    margin-right: 0.375rem;\n\n    height: 1rem;\n\n    width: 1rem;\n\n    border-style: solid;\n  }\n\n  .Radio-module_uikit-radio__inline__CNV2H {\n\n    vertical-align: baseline;\n    transform: translateY(0.15rem);\n  }\n\n  .Radio-module_uikit-radio__checked__S22n6 {\n    background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='2.5'/%3E%3C/svg%3E\");\n    background-size: 100% 100%;\n    background-position: center center;\n    background-repeat: no-repeat;\n  }\n\n  .Radio-module_uikit-radio__4iH4e:active {\n\n    --tw-border-opacity: 1;\n\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n  }\n  .Radio-module_uikit-radio__4iH4e:disabled {\n\n    --tw-border-opacity: 1;\n\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n  }\n  .Radio-module_uikit-radio__4iH4e:disabled:checked {\n    background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 10' fill='#aaa' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='2.5'/%3E%3C/svg%3E\");\n  }\n  .Radio-module_uikit-radio__4iH4e:hover:not(:disabled, :active) {\n\n    --tw-border-opacity: 1;\n\n    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));\n\n    --tw-bg-opacity: 1;\n\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  }\n}\n";
+var classes = {"uikit-radio":"Radio-module_uikit-radio__4iH4e","uikit-radio__inline":"Radio-module_uikit-radio__inline__CNV2H","uikit-radio__checked":"Radio-module_uikit-radio__checked__S22n6"};
+styleInject(css_248z);
+
+export { classes as default };

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

@@ -0,0 +1,32 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import classes from './Radio.module.css.mjs';
+
+const Radiobutton = forwardRef(({ className, inline, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "radio",
+      className: clsx(
+        classes["uikit-radio"],
+        inline && classes["uikit-radio__inline"],
+        props?.checked && classes["uikit-radio__checked"],
+        className
+      ),
+      ...props,
+      ref
+    }
+  );
+});
+Radiobutton.displayName = "Radiobutton";
+
+export { Radiobutton };

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

@@ -0,0 +1,44 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import '@membranehq/sdk';
+import 'js-convert-case';
+import { FieldDescription } from '../DataBuilder/FieldDescription.mjs';
+import '../DataBuilderUI/FieldControlPanel/index.mjs';
+import '../DataBuilderUI/ActionBar.mjs';
+import { Cell } from '../DataBuilderUI/Cell.mjs';
+import '../DataBuilderUI/styles.module.css.mjs';
+import { Row } from '../DataBuilderUI/Row.mjs';
+import { Title } from '../DataBuilderUI/Title.mjs';
+import { simpleInputRecipe } from './recipe.mjs';
+
+function SimpleInput({ label, value, description, onChange, className, ...props }) {
+  const simpleInputClassNames = simpleInputRecipe({
+    disabled: props.disabled
+  });
+  function handleChange(e) {
+    onChange(e.target.value);
+  }
+  return /* @__PURE__ */ jsxs(Row, { className: simpleInputClassNames.row, children: [
+    label && /* @__PURE__ */ jsx(Cell, { type: "name", children: /* @__PURE__ */ jsx(Title, { rightSlot: /* @__PURE__ */ jsx(FieldDescription, { text: description }), children: /* @__PURE__ */ jsx("span", { className: simpleInputClassNames.title, children: label }) }) }),
+    /* @__PURE__ */ jsx(Cell, { className: simpleInputClassNames.cell, span: "grow", children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: value ?? "",
+        onChange: handleChange,
+        disabled: props?.disabled,
+        ...props,
+        className: clsx(simpleInputClassNames.input, className)
+      }
+    ) })
+  ] });
+}
+
+export { SimpleInput };

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

@@ -0,0 +1,33 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../DataBuilderUI/FieldControlPanel/index.mjs';
+import '../DataBuilderUI/ActionBar.mjs';
+import { Cell } from '../DataBuilderUI/Cell.mjs';
+import 'clsx';
+import '../DataBuilderUI/styles.module.css.mjs';
+import { Row } from '../DataBuilderUI/Row.mjs';
+import '../DataBuilderUI/Title.mjs';
+import { Textarea } from '../Textarea/index.mjs';
+import { simpleInputRecipe } from './recipe.mjs';
+
+function SimpleTextarea({ label, value, onChange, ...props }) {
+  const simpleInputClassNames = simpleInputRecipe({
+    disabled: props.disabled
+  });
+  function handleChange(e) {
+    onChange(e.target.value);
+  }
+  return /* @__PURE__ */ jsxs(Row, { className: simpleInputClassNames.row, children: [
+    label && /* @__PURE__ */ jsx(Cell, { type: "name", children: /* @__PURE__ */ jsx("span", { className: simpleInputClassNames.title, children: label }) }),
+    /* @__PURE__ */ jsx(Cell, { className: simpleInputClassNames.cell, span: "grow", children: /* @__PURE__ */ jsx(Textarea, { value: value ?? "", onChange: handleChange, ...props, className: simpleInputClassNames.textarea }) })
+  ] });
+}
+
+export { SimpleTextarea };

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

@@ -0,0 +1,73 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import { sva } from '../../styled-system/css/sva.mjs';
+
+const simpleInputRecipe = sva({
+  className: "simple-input",
+  slots: ["row", "cell", "title", "input", "textarea"],
+  base: {
+    row: {
+      transition: "colors"
+    },
+    cell: {
+      _focusWithin: {
+        bg: "gray.2"
+      },
+      "&:has(.simple-input__input)": {
+        pt: "0.35rem",
+        pb: "0.35rem"
+      },
+      "&:has(.simple-input__textarea)": {
+        p: "0",
+        px: "3"
+      }
+    },
+    title: { whiteSpace: "nowrap" },
+    input: {
+      bg: "transparent",
+      border: "transparent",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      h: "9",
+      w: "full",
+      px: "4",
+      transition: "all",
+      transitionDuration: "faster",
+      rounded: "md",
+      color: "black",
+      _focus: {
+        outline: "none"
+      },
+      _disabled: {
+        color: "neutral.7",
+        _placeholder: {
+          color: "neutral.7"
+        }
+      }
+    }
+  },
+  variants: {
+    disabled: {
+      true: {
+        row: {
+          bg: "neutral.1",
+          color: "neutral.9"
+        }
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    disabled: false
+  }
+});
+
+export { simpleInputRecipe };

package/dist/esm/components/SvgIcon/BasicEntities.mjs

@@ -0,0 +1,209 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { IconLayoutGridAdd } from '@tabler/icons-react';
+
+function SvgIconUnifiedInterfaces({ ...props }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M15.333 6.188H8c-1.013 0-1.833.82-1.833 1.833v7.333c0 1.013.82 1.834 1.833 1.834h7.333c1.013 0 1.833-.821 1.833-1.834V8.021c0-1.013-.82-1.833-1.833-1.833ZM9.5 11.879h4.714M11.857 9.521v4.714"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M12.834 6.188V4.52a1.667 1.667 0 0 0-1.667-1.666H4.5A1.667 1.667 0 0 0 2.833 4.52v6.667A1.667 1.667 0 0 0 4.5 12.855h1.667"
+      }
+    )
+  ] });
+}
+function SvgIconUnifiedInterface({ ...props }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M13.667 4.521H6.333c-1.012 0-1.833.82-1.833 1.833v7.334c0 1.012.82 1.833 1.833 1.833h7.334c1.012 0 1.833-.82 1.833-1.833V6.354c0-1.012-.82-1.833-1.833-1.833ZM7.833 9.912h4.715M10.191 7.555v4.714"
+    }
+  ) });
+}
+function SvgIconApp({ ...props }) {
+  const style = Object.assign({}, props?.style ?? {}, {
+    transform: "scaleY(-1)"
+  });
+  return /* @__PURE__ */ jsx(IconLayoutGridAdd, { ...props, style });
+}
+function SvgIconFieldMappings({ ...props }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "M7.3 12h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1ZM12 13.7H8M16.7 12h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V13a1 1 0 0 0-1-1ZM7.3 4.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V5.5a1 1 0 0 0-1-1ZM8 6.3h4M16.7 4.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V5.5a1 1 0 0 0-1-1Z" }) });
+}
+const SvgIconFieldMapping = SvgIconFieldMappings;
+function SvgIconFlows({ ...props }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "M14.5 12.8v-.777a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v.778m4.512-5.5v2.826M12 3H8a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1ZM7.5 13.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.6a1 1 0 0 0-1-1ZM16.5 13.5h-4a1 1 0 0 0-1 1v1.6a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1.6a1 1 0 0 0-1-1Z" }) });
+}
+const SvgIconFlow = SvgIconFlows;
+function SvgIconDataSources({ ...props }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.47 5.969c-1.868-.405-3.125-1.163-3.125-2.03 0-1.294 2.798-2.343 6.249-2.343 3.451 0 6.249 1.049 6.249 2.343v.742"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        d: "M2.345 3.94v4.686c0 .621.659 1.217 1.83 1.657.313.117.655.22 1.02.309"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        d: "M2.345 8.626v4.686c0 .622.659 1.218 1.83 1.657a8.93 8.93 0 0 0 1.024.31"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.157 11.438v4.686c0 .621.659 1.217 1.83 1.657 1.172.44 2.762.686 4.419.686 1.657 0 3.246-.247 4.418-.686 1.172-.44 1.83-1.036 1.83-1.657v-4.686"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.157 6.751v4.686c0 .622.659 1.218 1.83 1.657 1.172.44 2.762.687 4.419.687 1.657 0 3.246-.247 4.418-.687 1.172-.439 1.83-1.035 1.83-1.656V6.75"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M11.406 9.094c3.45 0 6.248-1.049 6.248-2.343s-2.797-2.343-6.248-2.343S5.157 5.457 5.157 6.75s2.798 2.343 6.249 2.343Z"
+      }
+    )
+  ] });
+}
+function SvgIconObjectLinks({ ...props }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M8.71 13.022v4.065L5.096 19.12l-3.614-2.033v-4.065M5.096 15.054l3.613-2.032M5.096 15.054v4.066M5.096 15.054l-3.614-2.032M18.518 7.02v4.066l-3.614 2.032-3.614-2.032V7.02M14.903 9.053l3.614-2.033M14.903 9.053v4.065M14.904 9.053 11.29 7.02"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.096 6.924 8.71 8.956v4.066l-3.614 2.032-3.614-2.032V8.956l3.614-2.032ZM5.096 10.989l3.613-2.033M5.096 10.989v4.065M5.096 10.989 1.482 8.956M14.904.922l3.614 2.033V7.02l-3.614 2.033L11.29 7.02V2.955L14.904.922ZM14.903 4.988l3.614-2.033M14.903 4.988v4.065M14.904 4.988 11.29 2.955"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { stroke: "currentColor", d: "M8.556 12.55 11.47 10.9" })
+  ] });
+}
+function SvgIconObjectLink({ ...props }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M5.096 8.956 8.71 10.99v4.065l-3.614 2.033-3.614-2.033V10.99l3.614-2.033ZM5.096 13.022l3.613-2.033M5.096 13.022v4.065M5.096 13.022l-3.614-2.033M14.904 2.955l3.613 2.033v4.065l-3.613 2.033-3.614-2.033V4.988l3.614-2.033ZM14.903 7.02l3.614-2.032M14.903 7.02v4.066M14.904 7.02 11.29 4.988"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { stroke: "currentColor", strokeLinecap: "round", d: "M8.345 10.808 11.29 9.15" })
+  ] });
+}
+function SvgIconDataSchema({ ...props }) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M18 10.022a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6 15.02a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6 5.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM6 15.022h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2H6M10 10.021h4"
+    }
+  ) });
+}
+function SvgIconDataSchemas({ ...props }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M18.49 11.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM5.51 4.021a2 2 0 1 0-2 2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M7.51 6.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM5.51 14.021a2 2 0 1 0-2 2M7.51 16.021h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M7.51 16.021a2 2 0 1 0-4 0 2 2 0 0 0 4 0ZM11.51 11.021h2.9"
+      }
+    )
+  ] });
+}
+function SvgIconAppEventSubscriptions({ ...props }) {
+  return /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx("path", { stroke: "currentColor", strokeLinejoin: "round", d: "M9.417 7.354V1.521L2.75 10.688h4.392" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M12.25 3.521v5.833h5l-6.667 9.167v-5.833h-5L12.25 3.52Z"
+      }
+    )
+  ] });
+}
+
+export { SvgIconApp, SvgIconAppEventSubscriptions, SvgIconDataSchema, SvgIconDataSchemas, SvgIconDataSources, SvgIconFieldMapping, SvgIconFieldMappings, SvgIconFlow, SvgIconFlows, SvgIconObjectLink, SvgIconObjectLinks, SvgIconUnifiedInterface, SvgIconUnifiedInterfaces };