@integration-app/react 2.0.3-beta.1 → 2.0.3-beta.2

package/dist/cjs/components/DataBuilder/Field.cjs

@@ -0,0 +1,147 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var sdk = require('@integration-app/sdk');
+var React = require('react');
+var Schema = require('../ComboBox/Value/Schema.cjs');
+var index = require('../DataBuilderUI/index.cjs');
+var dataBuilderContext = require('./data-builder-context.cjs');
+var dataField = require('./data-field.cjs');
+var fieldContext = require('./field-context.cjs');
+var FieldDelete = require('./FieldDelete.cjs');
+var FieldName = require('./FieldName.cjs');
+var index$1 = require('./FieldTypeSelector/index.cjs');
+var index$2 = require('./FieldValue/index.cjs');
+var Nested = require('./Nested.cjs');
+
+function DataBuilderFormField({
+  field,
+  onChange,
+  onKeyChange,
+  onDelete,
+  onEnter
+}) {
+  const { hideReadOnlyFields } = dataBuilderContext.default();
+  if (field.schema?.readOnly && hideReadOnlyFields) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(fieldContext.DataBuilderFieldProvider, { field, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DataBuilderFieldContent,
+    {
+      onChange,
+      onKeyChange,
+      onDelete,
+      onEnter
+    }
+  ) });
+}
+function DataBuilderFieldContent({
+  onChange,
+  onKeyChange,
+  onDelete,
+  onEnter
+}) {
+  const { isReadOnly } = dataBuilderContext.default();
+  const {
+    field,
+    localSchema,
+    setLocalSchema,
+    resetLocalSchema,
+    localSchemaChangedManually,
+    setLocalSchemaChangedManually,
+    autoOpen,
+    setAutoOpen
+  } = fieldContext.default();
+  React.useEffect(() => {
+    if (!localSchemaChangedManually) {
+      resetLocalSchema();
+    }
+  }, [JSON.stringify(field?.schema)]);
+  async function handleChange(value) {
+    onChange?.(value);
+  }
+  function handleKeyChange(newKey) {
+    onKeyChange?.(newKey);
+  }
+  function handleEnterKey(value) {
+    if (value && onEnter) {
+      onEnter?.();
+    }
+  }
+  function handleEscKey(value) {
+    if (!value && onDelete) {
+      onDelete?.();
+    }
+  }
+  function handleLocalSchemaTypeChange(schemaType) {
+    const showValueDropdown = !(schemaType === "object" || schemaType === "array");
+    const resetValue = !index$1.convertableSchemaToSchema(localSchema?.type, schemaType);
+    setLocalSchemaChangedManually(true);
+    setLocalSchema({ ...localSchema, type: schemaType });
+    if (resetValue) {
+      onChange?.("");
+    }
+    setAutoOpen(showValueDropdown);
+  }
+  let showValue = true;
+  const fieldIsObjectOrArray = ["object", "array"].includes(
+    localSchema?.type
+  );
+  const fieldHasCustomValue = !sdk.isFormula(field?.value);
+  if (fieldIsObjectOrArray && fieldHasCustomValue && !autoOpen) {
+    showValue = false;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.NestedLevel, { level: field.level, children: dataField.isFieldVisible(field) && /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { short: !showValue, children: [
+      (Schema.isDefinedValue(field.key) || field.schema?.title) && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        FieldName.default,
+        {
+          field,
+          onKeyChange: handleKeyChange,
+          onEnter: handleEnterKey,
+          onEsc: handleEscKey,
+          typeSelectorSlot: /* @__PURE__ */ jsxRuntime.jsx(
+            index$1.FieldTypeSelector,
+            {
+              onChange: handleChange,
+              onSchemaChange: handleLocalSchemaTypeChange
+            }
+          )
+        }
+      ) }),
+      showValue && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(FieldDataInput, { onChange: handleChange }) }),
+      field.isDeletable && !isReadOnly && /* @__PURE__ */ jsxRuntime.jsx(FieldDelete.FieldDelete, { onClick: onDelete })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Nested.default, { field, onChange: handleChange })
+  ] });
+}
+function FieldDataInput({
+  onChange
+}) {
+  const { field, localSchema, setLocalSchemaChangedManually } = fieldContext.default();
+  function handleChange(value) {
+    setLocalSchemaChangedManually(false);
+    onChange(value);
+  }
+  const fieldWithDefinedSchema = !field.schema?.type ? {
+    ...field,
+    schema: {
+      ...field.schema,
+      ...localSchema,
+      anyOf: void 0
+    }
+  } : field;
+  return /* @__PURE__ */ jsxRuntime.jsx(index$2.default, { field: fieldWithDefinedSchema, onChange: handleChange });
+}
+
+exports.default = DataBuilderFormField;

package/dist/cjs/components/DataBuilder/FieldDelete.cjs

@@ -0,0 +1,23 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index$1 = require('../SvgIcon/index.cjs');
+var useEventStopPropagation = require('../../hooks/useEventStopPropagation.cjs');
+var index = require('../DataBuilderUI/index.cjs');
+
+function FieldDelete({ onClick }) {
+  if (!onClick) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar, { children: /* @__PURE__ */ jsxRuntime.jsx(index.ActionBar.DeleteButton, { onClick: useEventStopPropagation.default(onClick), children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: index$1.SvgIconType.Close }) }) });
+}
+
+exports.FieldDelete = FieldDelete;

package/dist/cjs/components/DataBuilder/FieldDescription.cjs

@@ -0,0 +1,39 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var text = require('../../ui-kit/styled/text.cjs');
+var index = require('../Tooltip/index.cjs');
+
+function FieldDescription({ text: text$1 }) {
+  if (!text$1) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { tooltip: text$1, offset: [0, 4], placement: "bottom-start", children: /* @__PURE__ */ jsxRuntime.jsx(
+    text.Text,
+    {
+      as: "span",
+      display: "inline-block",
+      px: "1",
+      ml: "2",
+      cursor: "help",
+      bg: "neutral.2",
+      rounded: "xs",
+      color: "neutral.11",
+      textAlign: "center",
+      lineHeight: "1.2",
+      minW: "5",
+      _hover: {
+        bg: "neutral.3"
+      },
+      children: "?"
+    }
+  ) });
+}
+
+exports.FieldDescription = FieldDescription;

package/dist/cjs/components/DataBuilder/FieldList.cjs

@@ -0,0 +1,46 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('./index.cjs');
+var Form = require('./Form.cjs');
+
+function FieldList({
+  schema,
+  value,
+  variablesSchema,
+  isAdminMode,
+  frozenFieldsLocators = [],
+  onChange,
+  collapsed,
+  hideReadOnlyFields
+}) {
+  if (schema?.type !== "object") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Something went wrong. Trying to display a field list for schema that is not an object." });
+  }
+  const field = index.makeDataField({
+    schema,
+    value,
+    variablesSchema
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Form.DataBuilderForm,
+    {
+      field,
+      onChange,
+      isAdminMode,
+      frozenFieldsLocators,
+      collapsed,
+      hideReadOnlyFields
+    }
+  );
+}
+
+exports.FieldList = FieldList;

package/dist/cjs/components/DataBuilder/FieldName.cjs

@@ -0,0 +1,64 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var InlineEditable = require('../InlineEditable.cjs');
+var dataField = require('./data-field.cjs');
+var index = require('../DataBuilderUI/index.cjs');
+var dataBuilderContext = require('./data-builder-context.cjs');
+var FieldDescription = require('./FieldDescription.cjs');
+
+function FieldName({
+  field,
+  onKeyChange,
+  onEnter,
+  onEsc,
+  rightSlot,
+  typeSelectorSlot
+}) {
+  const { errorFieldsLocators } = dataBuilderContext.default();
+  if (field.isInSchema || field.key === void 0) {
+    const isErrorField = field?.valueLocator && (errorFieldsLocators || []).includes(field.valueLocator);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.Title,
+      {
+        required: field.isRequired,
+        hasValue: !!field.value || field.value === false,
+        hasError: !!isErrorField,
+        typeSelectorSlot,
+        rightSlot: rightSlot || /* @__PURE__ */ jsxRuntime.jsx(FieldDescription.FieldDescription, { text: field.schema?.description }),
+        children: dataField.fieldLabel(field)
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      index.Title,
+      {
+        typeSelectorSlot,
+        rightSlot: rightSlot || /* @__PURE__ */ jsxRuntime.jsx(FieldDescription.FieldDescription, { text: field.schema?.description }),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          InlineEditable.InlineEditable,
+          {
+            onChange: onKeyChange,
+            onEnter,
+            onEsc,
+            autoFocus: !field.key,
+            value: field.key,
+            placeholder: "Enter field name"
+          }
+        )
+      }
+    );
+  }
+}
+
+exports.default = FieldName;

package/dist/cjs/components/DataBuilder/FieldTypeSelector/index.cjs

@@ -0,0 +1,217 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var sdk = require('@integration-app/sdk');
+var jsConvertCase = require('js-convert-case');
+var index = require('../../SvgIcon/index.cjs');
+var dataField = require('../data-field.cjs');
+var fieldContext = require('../field-context.cjs');
+var hooks = require('../hooks.cjs');
+var menu = require('../../../ui-kit/styled/menu.cjs');
+var icon = require('../../../ui-kit/styled/icon.cjs');
+require('../../../styled-system/css/css.cjs');
+require('../../../styled-system/helpers.cjs');
+var sva = require('../../../styled-system/css/sva.cjs');
+
+const recipe = sva.sva({
+  className: "type_selector",
+  slots: ["trigger", "content", "item", "groupContainer", "groupTitle"],
+  base: {
+    trigger: {
+      rounded: "sm",
+      px: "1",
+      display: "flex",
+      alignItems: "center",
+      color: "neutral.11",
+      gap: "0.5",
+      _hover: {
+        bg: "neutral.2"
+      },
+      _focusVisible: {
+        bg: "neutral.2"
+      }
+    },
+    content: {
+      bg: "surface.default",
+      borderWidth: "thin",
+      borderColor: "neutral.5",
+      px: "3",
+      py: "2.5",
+      rounded: "sm",
+      minW: "48",
+      w: "auto",
+      shadow: "none",
+      flexDirection: "row",
+      alignItems: "start",
+      justifyContent: "start",
+      gap: "5"
+    },
+    item: {
+      display: "flex",
+      flexDir: "row",
+      gap: "2",
+      px: "2.5",
+      py: "2",
+      rounded: "sm",
+      margin: "0",
+      fontWeight: "normal",
+      w: "full",
+      h: "auto",
+      '&[data-selected="true"]': {
+        fontWeight: "bold"
+      },
+      "&[data-highlighted]": {
+        bg: "touchable.hover"
+      },
+      _hover: {
+        bg: "touchable.hover"
+      }
+    },
+    groupContainer: {
+      display: "flex",
+      flexDir: "column",
+      gap: "0",
+      w: "full",
+      minW: "48"
+    },
+    groupTitle: {
+      fontSize: "xs",
+      color: "neutral.9",
+      fontWeight: "bold",
+      px: "2.5",
+      py: "2",
+      m: "0"
+    }
+  }
+});
+function FieldTypeSelector({
+  onChange,
+  onSchemaChange,
+  ...rest
+}) {
+  const classes = recipe();
+  const { field, localSchema } = fieldContext.default();
+  const showUseVarFromVariables = hooks.useDataBuilderFieldCanUseVarFromVariables();
+  const schemaOptions = dataField.getFieldSchemaOptions(field).map(
+    (schemaOption) => ({
+      value: schemaOption.type,
+      label: jsConvertCase.toHeaderCase(schemaOption.type),
+      iconType: index.SvgIconType[`SchemaType_${schemaOption.type}`],
+      active: localSchema?.type === schemaOption.type
+    })
+  );
+  const showTypeSelector = schemaOptions.length > 1;
+  if (!showTypeSelector && !showUseVarFromVariables) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Root, { lazyMount: true, unmountOnExit: true, ...rest, children: [
+    ":",
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      menu.Trigger,
+      {
+        className: classes.trigger,
+        "aria-label": "Change schema type",
+        children: [
+          localSchema?.type ?? "select",
+          /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { w: "3", h: "4", pt: "1px", children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: index.SvgIconType.ChevronDown }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(menu.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(menu.Content, { className: classes.content, children: [
+      showTypeSelector && /* @__PURE__ */ jsxRuntime.jsx(TypeSelector, { options: schemaOptions, onChange: onSchemaChange }),
+      showUseVarFromVariables && /* @__PURE__ */ jsxRuntime.jsx(FieldDropdown, { onChange })
+    ] }) })
+  ] });
+}
+function TypeSelector({
+  options,
+  onChange
+}) {
+  if (options.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(GroupContainer, { title: "Field Type", children: options.map(({ value, iconType, label, active }) => /* @__PURE__ */ jsxRuntime.jsx(
+    MenuItem,
+    {
+      onClick: () => onChange(value),
+      icon: iconType,
+      "data-selected": active,
+      children: label
+    },
+    String(value)
+  )) });
+}
+function FieldDropdown({ onChange }) {
+  const { localSchema } = fieldContext.default();
+  switch (localSchema?.type) {
+    case "object":
+      return /* @__PURE__ */ jsxRuntime.jsx(FieldObjectDropdown, { onChange });
+    case "array":
+      return /* @__PURE__ */ jsxRuntime.jsx(FieldArrayDropdown, { onChange });
+    default:
+      return null;
+  }
+}
+function FieldObjectDropdown({ onChange }) {
+  const { field, setAutoOpen } = fieldContext.default();
+  function handleUseObjectFromVariables() {
+    setAutoOpen(true);
+  }
+  function handleSetIndividualFields() {
+    onChange(void 0);
+  }
+  const valueIsIndividualFields = !sdk.isFormula(field.value);
+  return /* @__PURE__ */ jsxRuntime.jsx(GroupContainer, { title: "Field Value", children: valueIsIndividualFields ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: handleUseObjectFromVariables, children: "Use object from variables" }) : /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: handleSetIndividualFields, children: "Set individual fields" }) });
+}
+function FieldArrayDropdown({ onChange }) {
+  const { field, setAutoOpen } = fieldContext.default();
+  function handleUseListFromVariables() {
+    setAutoOpen(true);
+  }
+  function handleSetIndividualItems() {
+    onChange(void 0);
+  }
+  const valueIsIndividualFields = !sdk.isFormula(field.value);
+  return /* @__PURE__ */ jsxRuntime.jsx(GroupContainer, { title: "Field Value", children: valueIsIndividualFields ? /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: handleUseListFromVariables, children: "Use list from variables" }) : /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onClick: handleSetIndividualItems, children: "Set individual items" }) });
+}
+function MenuItem({
+  icon: icon$1,
+  children,
+  ...props
+}) {
+  const classes = recipe();
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.Item, { ...props, className: classes.item, value: String(children), children: [
+    icon$1 && /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { w: "5", h: "5", children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: icon$1 }) }),
+    children
+  ] });
+}
+function GroupContainer({
+  children,
+  title
+}) {
+  const classes = recipe();
+  return /* @__PURE__ */ jsxRuntime.jsxs(menu.ItemGroup, { className: classes.groupContainer, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(menu.ItemGroupLabel, { className: classes.groupTitle, children: title }),
+    children
+  ] });
+}
+function convertableSchemaToSchema(oldSchemaType, newSchemaType) {
+  if (oldSchemaType === newSchemaType) {
+    return true;
+  }
+  if ([oldSchemaType, newSchemaType].includes("object") || [oldSchemaType, newSchemaType].includes("array")) {
+    return false;
+  }
+  return true;
+}
+
+exports.FieldTypeSelector = FieldTypeSelector;
+exports.convertableSchemaToSchema = convertableSchemaToSchema;

package/dist/cjs/components/DataBuilder/FieldValue/Array.cjs

@@ -0,0 +1,36 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Default = require('./Default.cjs');
+
+function ArrayFieldValue({
+  field,
+  onChange,
+  refsToIgnoreClick,
+  topDropdownPanelComponent
+}) {
+  if (Array.isArray(field.value) && field.value.length > 0 && field.schema?.items) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Default.default,
+    {
+      field,
+      onChange,
+      refsToIgnoreClick,
+      topDropdownPanelComponent
+    }
+  );
+}
+
+exports.default = ArrayFieldValue;

package/dist/cjs/components/DataBuilder/FieldValue/Default.cjs

@@ -0,0 +1,54 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../ComboBox/index.cjs');
+var dataBuilderContext = require('../data-builder-context.cjs');
+var fieldContext = require('../field-context.cjs');
+var valueSpec = require('../../ComboBox/value-spec.cjs');
+var dataField = require('../data-field.cjs');
+
+function DefaultFieldValue({
+  field,
+  onChange,
+  refsToIgnoreClick,
+  topDropdownPanelComponent
+}) {
+  const { isEmpty, isRequired } = dataField.getFieldValueProps(field);
+  const { isReadOnly, frozenFieldsLocators } = dataBuilderContext.default();
+  const { autoOpen, setAutoOpen } = fieldContext.default();
+  const isFrozenField = frozenFieldsLocators.some(
+    (frozenFieldLocator) => frozenFieldLocator && field.valueLocator?.startsWith(frozenFieldLocator)
+  );
+  function handleDropdownClose() {
+    setAutoOpen(false);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.ComboBox,
+    {
+      value: isEmpty ? void 0 : field.value,
+      schema: field.schema,
+      onChange,
+      valueSpec: valueSpec.getValueSpecFromSchema(field.schema),
+      variablesSchema: field.variablesSchema,
+      optionFactories: field.optionFactories,
+      isRequired,
+      disabled: isFrozenField || isReadOnly,
+      autoOpen,
+      onClose: handleDropdownClose,
+      refsToIgnoreClick,
+      topDropdownPanelComponent
+    }
+  );
+}
+
+exports.default = DefaultFieldValue;

package/dist/cjs/components/DataBuilder/FieldValue/ScalarArray.cjs

@@ -0,0 +1,36 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var dataField = require('../data-field.cjs');
+var ArrayItems = require('../Nested/ArrayItems.cjs');
+var ScalarArray_module = require('./ScalarArray.module.css.cjs');
+
+function ScalarArrayFieldValue({
+  field,
+  onChange
+}) {
+  const currentValue = Array.isArray(field.value) ? field.value : [field.value];
+  const dataBuilderField = dataField.makeSubField(field, {
+    value: currentValue,
+    level: 1
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ScalarArray_module.default.wrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ArrayItems.default,
+    {
+      field: dataBuilderField,
+      onChange
+    }
+  ) });
+}
+
+exports.default = ScalarArrayFieldValue;

package/dist/cjs/components/DataBuilder/FieldValue/ScalarArray.module.css.cjs

@@ -0,0 +1,18 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.2
+ */
+'use client';
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styleInject = require('style-inject');
+
+var css_248z = ".ScalarArray-module_wrapper__wxaVk {\n    width: 100%;\n    margin-left: -1.25rem;\n    padding-bottom: 0.5rem\n}\n";
+var classes = {"wrapper":"ScalarArray-module_wrapper__wxaVk"};
+styleInject(css_248z);
+
+exports.default = classes;