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

package/dist/esm/hooks/useDeepEffect.mjs

@@ -2,11 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
-import { useEffect, useRef } from 'react';
+import { useRef, useEffect } from 'react';
 import deepEqual from 'fast-deep-equal';
 
 const isPrimitive = (value) => ["number", "string", "boolean"].includes(typeof value);

package/dist/esm/hooks/useElement.mjs

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

package/dist/esm/hooks/useElements.mjs

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

package/dist/esm/hooks/useEventStopPropagation.mjs

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

package/dist/esm/hooks/useForwardedRef.mjs

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

package/dist/esm/hooks/useIntegrationAppSWR.mjs

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

package/dist/esm/hooks/useIsTextTruncated.mjs

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

package/dist/esm/hooks/useResizeObserver.mjs

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

package/dist/esm/hooks/useWindowEvent.mjs

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

package/dist/esm/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -67,14 +67,31 @@ export { FieldList } from './components/DataBuilder/FieldList.mjs';
 export { ActionBar, Cell, Description, DrilldownBlockContentWrapper, NestedLevel, Property, Row, Title, Value } from './components/DataBuilderUI/index.mjs';
 export { DataLinkTablesOptionsFactory } from './components/DataLinks/data-link-tables-option-factory.mjs';
 export { Button, ButtonSvgIcon, GenericButton, IconButton } from './components/Button/Button.mjs';
-export { ComboBox } from './components/ComboBox/index.mjs';
+export { ValueType, doesSchemaMatchValueType, getValueSpecFromSchema } from './components/ComboBox/value-spec.mjs';
+export { filterOptionsByLabel } from './components/ComboBox/options-factories/utils.mjs';
+export { BooleanOptionsFactory } from './components/ComboBox/options-factories/boolean.mjs';
+export { ConstantOptionFactory } from './components/ComboBox/options-factories/constant.mjs';
+export { CUSTOM_ARRAY_VALUE, CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE, CUSTOM_OBJECT_VALUE_LABEL, CustomFieldOptionsFactory, isCustomFieldValue } from './components/ComboBox/options-factories/custom-field.mjs';
+export { EnumOptionFactory } from './components/ComboBox/options-factories/enum.mjs';
+export { ObjectFieldsOptionFactory } from './components/ComboBox/options-factories/object-fields.mjs';
+export { ReferenceRecordsOptionsFactory } from './components/ComboBox/options-factories/reference-records.mjs';
+export { ReferenceUdmOptionFactory } from './components/ComboBox/options-factories/reference-udm.mjs';
+export { VariableOptionFactory } from './components/ComboBox/options-factories/variable.mjs';
+export { ComboBoxProvider, useComboBox } from './components/ComboBox/context/combobox-context.mjs';
+export { ComboBoxDropdownContextProvider, useComboBoxDropdownContext } from './components/ComboBox/context/combobox-dropdown-context.mjs';
+export { ComboBoxDropdownSearchProvider, useComboBoxDropdownSearchContext } from './components/ComboBox/context/combobox-dropdown-search.mjs';
+export { DropdownStackContextProvider, useDropdownStackContext } from './components/ComboBox/context/combobox-dropdown-stack.mjs';
+export { canUserEnterValueFromKeyboard, getAvailableRootCategories, getCurrentPath, getStackForPath } from './components/ComboBox/context/helpers.mjs';
+export { ComboBoxFormulaValue } from './components/ComboBox/Value/Formula.mjs';
+export { ComboBoxSchemaValue } from './components/ComboBox/Value/Schema.mjs';
+export { ComboBoxValue } from './components/ComboBox/Value/ComboBoxValue.mjs';
+export { ComboBox } from './components/ComboBox/ComboBox.mjs';
 export { ComboBoxTag, getClassFromSchema } from './components/ComboBoxElements/ComboBoxTag.mjs';
 export { FieldWrapper } from './components/ComboBoxElements/FieldWrapper.mjs';
 export { DropdownUIPopper } from './components/ComboBoxElements/Popper.mjs';
 export { Editor, useComboboxEditor } from './components/ComboBoxElements/TipTapEditor/Editor.mjs';
 export { StandAloneEditor } from './components/ComboBoxElements/TipTapEditor/EditorStandAlone.mjs';
-export { getComponentTagNode } from './components/ComboBoxElements/TipTapEditor/TagComponent.mjs';
-export { TAG_MARK_END, TAG_MARK_START, getSchemaNodesSummary, getTagChunkValue, getTagString, getTemplateFromTplValue, getTemplateWithExistingTags, getTextNode, getValuesExistInTemplate, getValuesFromTplValue, isTagChunk, regExpTag, splitStringToChunks, transformTplToValue, transformValueToTpl } from './components/ComboBoxElements/TipTapEditor/helpers/common.mjs';
+export { TAG_MARK_END, TAG_MARK_START, getComponentTagNode, getSchemaNodesSummary, getTagChunkValue, getTagString, getTemplateFromTplValue, getTemplateWithExistingTags, getTextNode, getValuesExistInTemplate, getValuesFromTplValue, isTagChunk, regExpTag, splitStringToChunks, transformTplToValue, transformValueToTpl } from './components/ComboBoxElements/TipTapEditor/helpers/common.mjs';
 export { isClickOnEditorComponent, isClickOnEditorCustomTagComponent } from './components/ComboBoxElements/TipTapEditor/helpers/clicks.mjs';
 export { transformValueToEditorSchema } from './components/ComboBoxElements/TipTapEditor/helpers/transformValueToEditorSchema.mjs';
 export { transformEditorSchemaToValue } from './components/ComboBoxElements/TipTapEditor/helpers/transformEditorSchemaToValue.mjs';
@@ -90,10 +107,12 @@ export { Textarea } from './components/Textarea/index.mjs';
 export { Input } from './components/Input/Input.mjs';
 export { SearchInput } from './components/Input/SearchInput.mjs';
 export { Notification } from './components/Notification/index.mjs';
-export { Portal, getPortalNode } from './components/Portal/index.mjs';
+export { Portal } from './components/Portal/index.mjs';
 export { Radiobutton } from './components/Radio/index.mjs';
-export { SvgIcon, SvgIconLevel, SvgIconType } from './components/SvgIcon/index.mjs';
-export { GenericTag, Tag } from './components/Tag/index.mjs';
+export { SvgIcon, SvgIconLevel } from './components/SvgIcon/index.mjs';
+export { SvgIconType } from './components/SvgIcon/svg-icon-type.mjs';
+export { GenericTag, Tag } from './components/Tag/Tag.mjs';
+export { TagPlaceholder } from './components/Tag/TagPlaceholder.mjs';
 export { Toggle } from './components/Toggle/Toggle.mjs';
 export { ToggleOnOff } from './components/Toggle/ToggleOnOff.mjs';
 export { Tooltip } from './components/Tooltip/index.mjs';
@@ -108,27 +127,3 @@ export { DataInput } from './components/DataInput/index.mjs';
 export { SimpleMenu } from './components/SimpleMenu/index.mjs';
 export { FieldDescription } from './components/DataBuilder/FieldDescription.mjs';
 export { FieldControlPanel } from './components/DataBuilderUI/FieldControlPanel/index.mjs';
-export { ValueType, doesSchemaMatchValueType, getValueSpecFromSchema } from './components/ComboBox/value-spec.mjs';
-export { filterOptionsByLabel } from './components/ComboBox/options-factories/base.mjs';
-export { BooleanOptionsFactory } from './components/ComboBox/options-factories/boolean.mjs';
-export { ConstantOptionFactory } from './components/ComboBox/options-factories/constant.mjs';
-export { CUSTOM_ARRAY_VALUE, CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE, CUSTOM_OBJECT_VALUE_LABEL, CustomFieldOptionsFactory, isCustomFieldValue } from './components/ComboBox/options-factories/custom-field.mjs';
-export { EnumOptionFactory } from './components/ComboBox/options-factories/enum.mjs';
-export { ObjectFieldsOptionFactory } from './components/ComboBox/options-factories/object-fields.mjs';
-export { ReferenceRecordsOptionsFactory } from './components/ComboBox/options-factories/reference-records.mjs';
-export { ReferenceUdmOptionFactory } from './components/ComboBox/options-factories/reference-udm.mjs';
-export { SchemaOptionFactory, getOptionsForSchema } from './components/ComboBox/options-factories/schema.mjs';
-export { getSchemaHint } from './components/ComboBox/options-factories/index.mjs';
-export { ComboBoxProvider, useComboBox } from './components/ComboBox/context/combobox-context.mjs';
-export { ComboBoxDropdownContextProvider, useComboBoxDropdownContext } from './components/ComboBox/context/combobox-dropdown-context.mjs';
-export { ComboBoxDropdownSearchProvider, useComboBoxDropdownSearchContext } from './components/ComboBox/context/combobox-dropdown-search.mjs';
-export { DropdownStackContextProvider, useDropdownStackContext } from './components/ComboBox/context/combobox-dropdown-stack.mjs';
-export { canUserEnterValueFromKeyboard, getAvailableTabs, getCurrentTab } from './components/ComboBox/context/helpers.mjs';
-export { ComboBoxFormulaValue } from './components/ComboBox/Value/Formula.mjs';
-export { ComboBoxSchemaValue, isDefinedValue } from './components/ComboBox/Value/Schema.mjs';
-export { ComboBoxValue } from './components/ComboBox/Value/index.mjs';
-import * as DropdownUIElements from './components/DropdownUI/DropdownUIElements.mjs';
-export { DropdownUIElements };
-export { ItemTitle } from './components/DropdownUI/DropdownUIElements.mjs';
-export { DropdownTab } from './components/DropdownUI/DropdownUITab.mjs';
-export { TagPlaceholder } from './components/Tag/TagPlaceholder.mjs';

package/dist/esm/styled-system/css/conditions.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -10,8 +10,10 @@ import { withoutSpace } from '../helpers.mjs';
 const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_collapsed,_current,_hidden,_off,_on,_today,_underValue,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,base";
 const conditions = new Set(conditionsStr.split(','));
 
+const conditionRegex = /^@|&|&$/;
+
 function isCondition(value){
-  return conditions.has(value) || /^@|&|&$/.test(value)
+  return conditions.has(value) || conditionRegex.test(value)
 }
 
 const underscoreRegex = /^_/;

package/dist/esm/styled-system/css/css.mjs

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

package/dist/esm/styled-system/css/cva.mjs

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

package/dist/esm/styled-system/css/cx.mjs

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

package/dist/esm/styled-system/css/sva.mjs

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

package/dist/esm/styled-system/helpers.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -9,6 +9,7 @@
 function isObject(value) {
   return typeof value === "object" && value != null && !Array.isArray(value);
 }
+var isObjectOrArray = (obj) => typeof obj === "object" && obj !== null;
 
 // src/compact.ts
 function compact(value) {
@@ -71,8 +72,9 @@ var memo = (fn) => {
 
 // src/merge-props.ts
 function mergeProps(...sources) {
-  const objects = sources.filter(Boolean);
-  return objects.reduce((prev, obj) => {
+  return sources.reduce((prev, obj) => {
+    if (!obj)
+      return prev;
     Object.keys(obj).forEach((key) => {
       const prevValue = prev[key];
       const value = obj[key];
@@ -91,7 +93,7 @@ var isNotNullish = (element) => element != null;
 function walkObject(target, predicate, options = {}) {
   const { stop, getKey } = options;
   function inner(value, path = []) {
-    if (isObject(value) || Array.isArray(value)) {
+    if (isObjectOrArray(value)) {
       const result = {};
       for (const [prop, child] of Object.entries(value)) {
         const key = getKey?.(prop, child) ?? prop;
@@ -172,9 +174,9 @@ function createCss(context) {
     const normalizedObject = normalizeStyleObject(styleObject, context);
     const classNames = /* @__PURE__ */ new Set();
     walkObject(normalizedObject, (value, paths) => {
-      const important = isImportant(value);
       if (value == null)
         return;
+      const important = isImportant(value);
       const [prop, ...allConditions] = conds.shift(paths);
       const conditions = filterBaseConditions(allConditions);
       const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
@@ -285,7 +287,15 @@ function splitProps(props, ...keys) {
 }
 
 // src/uniq.ts
-var uniq = (...items) => items.filter(Boolean).reduce((acc, item) => Array.from(/* @__PURE__ */ new Set([...acc, ...item])), []);
+var uniq = (...items) => {
+  const set = items.reduce((acc, currItems) => {
+    if (currItems) {
+      currItems.forEach((item) => acc.add(item));
+    }
+    return acc;
+  }, /* @__PURE__ */ new Set([]));
+  return Array.from(set);
+};
 
 
 

package/dist/esm/styled-system/jsx/box.mjs

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

package/dist/esm/styled-system/jsx/center.mjs

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

package/dist/esm/styled-system/jsx/circle.mjs

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

package/dist/esm/styled-system/jsx/factory-helper.mjs

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

package/dist/esm/styled-system/jsx/factory.mjs

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

package/dist/esm/styled-system/jsx/flex.mjs

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

package/dist/esm/styled-system/jsx/is-valid-prop.mjs

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

package/dist/esm/styled-system/jsx/visually-hidden.mjs

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

package/dist/esm/styled-system/patterns/box.mjs

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

package/dist/esm/styled-system/patterns/center.mjs

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

package/dist/esm/styled-system/patterns/circle.mjs

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

package/dist/esm/styled-system/patterns/flex.mjs

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

package/dist/esm/styled-system/patterns/visually-hidden.mjs

@@ -1,12 +1,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 import { getPatternStyles, patternFns } from '../helpers.mjs';
-import '../css/css.mjs';
+import { css } from '../css/css.mjs';
 
 const visuallyHiddenConfig = {
 transform(props) {
@@ -21,4 +21,7 @@ const getVisuallyHiddenStyle = (styles = {}) => {
   return visuallyHiddenConfig.transform(_styles, patternFns)
 };
 
-export { getVisuallyHiddenStyle };
+const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles));
+visuallyHidden.raw = getVisuallyHiddenStyle;
+
+export { getVisuallyHiddenStyle, visuallyHidden };

package/dist/esm/styled-system/recipes/alert.mjs

@@ -0,0 +1,57 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+import { splitProps, memo, compact, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const alertDefaultVariants = {};
+const alertCompoundVariants = [];
+
+const alertSlotNames = [
+  [
+    "root",
+    "alert__root"
+  ],
+  [
+    "content",
+    "alert__content"
+  ],
+  [
+    "description",
+    "alert__description"
+  ],
+  [
+    "icon",
+    "alert__icon"
+  ],
+  [
+    "title",
+    "alert__title"
+  ]
+];
+const alertSlotFns = /* @__PURE__ */ alertSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, alertDefaultVariants, getSlotCompoundVariant(alertCompoundVariants, slotName))]);
+
+const alertFn = memo((props = {}) => {
+  return Object.fromEntries(alertSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+});
+
+const alertVariantKeys = [];
+const getVariantProps = (variants) => ({ ...alertDefaultVariants, ...compact(variants) });
+
+const alert = /* @__PURE__ */ Object.assign(alertFn, {
+  __recipe__: false,
+  __name__: 'alert',
+  raw: (props) => props,
+  variantKeys: alertVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, alertVariantKeys)
+  },
+  getVariantProps
+});
+
+export { alert };

package/dist/esm/styled-system/recipes/avatar.mjs

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

package/dist/esm/styled-system/recipes/badge.mjs

@@ -0,0 +1,47 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+import { memo, splitProps } from '../helpers.mjs';
+import { mergeRecipes, createRecipe } from './create-recipe.mjs';
+
+const badgeFn = /* @__PURE__ */ createRecipe('badge', {
+  "variant": "subtle",
+  "size": "md"
+}, []);
+
+const badgeVariantMap = {
+  "variant": [
+    "solid",
+    "subtle",
+    "outline"
+  ],
+  "size": [
+    "sm",
+    "md",
+    "lg"
+  ]
+};
+
+const badgeVariantKeys = Object.keys(badgeVariantMap);
+
+const badge = /* @__PURE__ */ Object.assign(memo(badgeFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'badge',
+  __getCompoundVariantCss__: badgeFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: badgeVariantKeys,
+  variantMap: badgeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, badgeVariantKeys)
+  },
+  getVariantProps: badgeFn.getVariantProps,
+});
+
+export { badge };

package/dist/esm/styled-system/recipes/button.mjs

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

package/dist/esm/styled-system/recipes/create-recipe.mjs

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

package/dist/esm/styled-system/recipes/icon.mjs

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

package/dist/esm/styled-system/recipes/input.mjs

@@ -0,0 +1,45 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+import { memo, splitProps } from '../helpers.mjs';
+import { mergeRecipes, createRecipe } from './create-recipe.mjs';
+
+const inputFn = /* @__PURE__ */ createRecipe('input', {
+  "size": "md"
+}, []);
+
+const inputVariantMap = {
+  "size": [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl"
+  ]
+};
+
+const inputVariantKeys = Object.keys(inputVariantMap);
+
+const input = /* @__PURE__ */ Object.assign(memo(inputFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'input',
+  __getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: inputVariantKeys,
+  variantMap: inputVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, inputVariantKeys)
+  },
+  getVariantProps: inputFn.getVariantProps,
+});
+
+export { input };