@integration-app/react 2.3.1 → 2.4.1-beta.0

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

@@ -1,91 +1,80 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
-import { sortConditions, finalizeConditions } from '../css/conditions.mjs';
+import { finalizeConditions, sortConditions } from '../css/conditions.mjs';
 import { css } from '../css/css.mjs';
 import { getCompoundVariantCss, assertCompoundVariant } from '../css/cva.mjs';
 import { cx } from '../css/cx.mjs';
 import { uniq, splitProps, compact, createCss, withoutSpace } from '../helpers.mjs';
 
 const createRecipe = (name, defaultVariants, compoundVariants) => {
- const getVariantProps = (variants) => {
-   return {
-     [name]: '__ignore__',
-     ...defaultVariants,
-     ...compact(variants),
-   };
- };
-
+  const getVariantProps = (variants) => {
+    return {
+      [name]: "__ignore__",
+      ...defaultVariants,
+      ...compact(variants)
+    };
+  };
   const recipeFn = (variants, withCompoundVariants = true) => {
-   const transform = (prop, value) => {
-     assertCompoundVariant(name, compoundVariants, variants, prop);
-
-      if (value === '__ignore__') {
-        return { className: name }
+    const transform = (prop, value) => {
+      assertCompoundVariant(name, compoundVariants, variants, prop);
+      if (value === "__ignore__") {
+        return { className: name };
       }
-
       value = withoutSpace(value);
-      return { className: `${name}--${prop}_${value}` }
-   };
-
-   const recipeCss = createCss({
-     
-     conditions: {
-       shift: sortConditions,
-       finalize: finalizeConditions,
-       breakpoints: { keys: ["base","sm","md","lg","xl","2xl"] }
-     },
-     utility: {
-       prefix: "iap",
-       toHash: (path, hashFn) => hashFn(path.join(":")),
-       transform,
-     }
-   });
-
-   const recipeStyles = getVariantProps(variants);
-
-   if (withCompoundVariants) {
-     const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles);
-     return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
-   }
-
-   return recipeCss(recipeStyles)
+      return { className: `${name}--${prop}_${value}` };
+    };
+    const recipeCss = createCss({
+      conditions: {
+        shift: sortConditions,
+        finalize: finalizeConditions,
+        breakpoints: { keys: ["base", "sm", "md", "lg", "xl", "2xl"] }
+      },
+      utility: {
+        prefix: "iap",
+        toHash: (path, hashFn) => hashFn(path.join(":")),
+        transform
+      }
+    });
+    const recipeStyles = getVariantProps(variants);
+    if (withCompoundVariants) {
+      const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles);
+      return cx(recipeCss(recipeStyles), css(compoundVariantStyles));
+    }
+    return recipeCss(recipeStyles);
+  };
+  return {
+    recipeFn,
+    getVariantProps,
+    __getCompoundVariantCss__: (variants) => {
+      return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
+    }
   };
-
-   return {
-     recipeFn,
-     getVariantProps,
-     __getCompoundVariantCss__: (variants) => {
-       return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-     },
-   }
 };
-
 const mergeRecipes = (recipeA, recipeB) => {
- if (recipeA && !recipeB) return recipeA
- if (!recipeA && recipeB) return recipeB
-
- const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args));
- const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys);
- const variantMap = variantKeys.reduce((acc, key) => {
-   acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key]);
-   return acc
- }, {});
-
- return Object.assign(recipeFn, {
-   __recipe__: true,
-   __name__: `${recipeA.__name__} ${recipeB.__name__}`,
-   raw: (props) => props,
-   variantKeys,
-   variantMap,
-   splitVariantProps(props) {
-     return splitProps(props, variantKeys)
-   },
- })
- };
+  if (recipeA && !recipeB) return recipeA;
+  if (!recipeA && recipeB) return recipeB;
+  const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args));
+  const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys);
+  const variantMap = variantKeys.reduce((acc, key) => {
+    acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key]);
+    return acc;
+  }, {});
+  return Object.assign(recipeFn, {
+    __recipe__: true,
+    __name__: `${recipeA.__name__} ${recipeB.__name__}`,
+    raw: (props) => props,
+    variantKeys,
+    variantMap,
+    splitVariantProps(props) {
+      return splitProps(props, variantKeys);
+    }
+  });
+};
 
 export { createRecipe, mergeRecipes };

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

@@ -1,17 +1,17 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
-import { mergeRecipes, createRecipe } from './create-recipe.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const iconFn = /* @__PURE__ */ createRecipe('icon', {
+const iconFn = /* @__PURE__ */ createRecipe("icon", {
   "size": "md"
 }, []);
-
 const iconVariantMap = {
   "size": [
     "xs",
@@ -22,23 +22,21 @@ const iconVariantMap = {
     "2xl"
   ]
 };
-
 const iconVariantKeys = Object.keys(iconVariantMap);
-
 const icon = /* @__PURE__ */ Object.assign(memo(iconFn.recipeFn), {
   __recipe__: true,
-  __name__: 'icon',
+  __name__: "icon",
   __getCompoundVariantCss__: iconFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: iconVariantKeys,
   variantMap: iconVariantMap,
   merge(recipe) {
-    return mergeRecipes(this, recipe)
+    return mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return splitProps(props, iconVariantKeys)
+    return splitProps(props, iconVariantKeys);
   },
-  getVariantProps: iconFn.getVariantProps,
+  getVariantProps: iconFn.getVariantProps
 });
 
 export { icon };

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

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

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

@@ -1,18 +1,18 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
-import { splitProps, memo, compact, getSlotCompoundVariant } from '../helpers.mjs';
+import { memo, compact, splitProps, getSlotCompoundVariant } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const menuDefaultVariants = {
   "size": "md"
 };
 const menuCompoundVariants = [];
-
 const menuSlotNames = [
   [
     "arrow",
@@ -72,31 +72,28 @@ const menuSlotNames = [
   ]
 ];
 const menuSlotFns = /* @__PURE__ */ menuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, menuDefaultVariants, getSlotCompoundVariant(menuCompoundVariants, slotName))]);
-
 const menuFn = memo((props = {}) => {
-  return Object.fromEntries(menuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+  return Object.fromEntries(menuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-
 const menuVariantKeys = [
   "size"
 ];
 const getVariantProps = (variants) => ({ ...menuDefaultVariants, ...compact(variants) });
-
 const menu = /* @__PURE__ */ Object.assign(menuFn, {
   __recipe__: false,
-  __name__: 'menu',
+  __name__: "menu",
   raw: (props) => props,
   variantKeys: menuVariantKeys,
   variantMap: {
-  "size": [
-    "xs",
-    "sm",
-    "md",
-    "lg"
-  ]
-},
+    "size": [
+      "xs",
+      "sm",
+      "md",
+      "lg"
+    ]
+  },
   splitVariantProps(props) {
-    return splitProps(props, menuVariantKeys)
+    return splitProps(props, menuVariantKeys);
   },
   getVariantProps
 });

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

@@ -1,16 +1,16 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
-import { splitProps, memo, compact, getSlotCompoundVariant } from '../helpers.mjs';
+import { memo, compact, splitProps, getSlotCompoundVariant } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const popoverDefaultVariants = {};
 const popoverCompoundVariants = [];
-
 const popoverSlotNames = [
   [
     "arrow",
@@ -54,22 +54,19 @@ const popoverSlotNames = [
   ]
 ];
 const popoverSlotFns = /* @__PURE__ */ popoverSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, popoverDefaultVariants, getSlotCompoundVariant(popoverCompoundVariants, slotName))]);
-
 const popoverFn = memo((props = {}) => {
-  return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+  return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-
 const popoverVariantKeys = [];
 const getVariantProps = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) });
-
 const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   __recipe__: false,
-  __name__: 'popover',
+  __name__: "popover",
   raw: (props) => props,
   variantKeys: popoverVariantKeys,
   variantMap: {},
   splitVariantProps(props) {
-    return splitProps(props, popoverVariantKeys)
+    return splitProps(props, popoverVariantKeys);
   },
   getVariantProps
 });

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

@@ -1,33 +1,31 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
-import { mergeRecipes, createRecipe } from './create-recipe.mjs';
-
-const skeletonFn = /* @__PURE__ */ createRecipe('skeleton', {}, []);
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
+const skeletonFn = /* @__PURE__ */ createRecipe("skeleton", {}, []);
 const skeletonVariantMap = {};
-
 const skeletonVariantKeys = Object.keys(skeletonVariantMap);
-
 const skeleton = /* @__PURE__ */ Object.assign(memo(skeletonFn.recipeFn), {
   __recipe__: true,
-  __name__: 'skeleton',
+  __name__: "skeleton",
   __getCompoundVariantCss__: skeletonFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: skeletonVariantKeys,
   variantMap: skeletonVariantMap,
   merge(recipe) {
-    return mergeRecipes(this, recipe)
+    return mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return splitProps(props, skeletonVariantKeys)
+    return splitProps(props, skeletonVariantKeys);
   },
-  getVariantProps: skeletonFn.getVariantProps,
+  getVariantProps: skeletonFn.getVariantProps
 });
 
 export { skeleton };

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

@@ -1,17 +1,17 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
-import { mergeRecipes, createRecipe } from './create-recipe.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const spinnerFn = /* @__PURE__ */ createRecipe('spinner', {
+const spinnerFn = /* @__PURE__ */ createRecipe("spinner", {
   "size": "md"
 }, []);
-
 const spinnerVariantMap = {
   "size": [
     "xs",
@@ -21,23 +21,21 @@ const spinnerVariantMap = {
     "xl"
   ]
 };
-
 const spinnerVariantKeys = Object.keys(spinnerVariantMap);
-
 const spinner = /* @__PURE__ */ Object.assign(memo(spinnerFn.recipeFn), {
   __recipe__: true,
-  __name__: 'spinner',
+  __name__: "spinner",
   __getCompoundVariantCss__: spinnerFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: spinnerVariantKeys,
   variantMap: spinnerVariantMap,
   merge(recipe) {
-    return mergeRecipes(this, recipe)
+    return mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return splitProps(props, spinnerVariantKeys)
+    return splitProps(props, spinnerVariantKeys);
   },
-  getVariantProps: spinnerFn.getVariantProps,
+  getVariantProps: spinnerFn.getVariantProps
 });
 
 export { spinner };

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

@@ -1,15 +1,15 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
-import { mergeRecipes, createRecipe } from './create-recipe.mjs';
-
-const textFn = /* @__PURE__ */ createRecipe('text', {}, []);
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
+const textFn = /* @__PURE__ */ createRecipe("text", {}, []);
 const textVariantMap = {
   "variant": [
     "heading"
@@ -28,23 +28,21 @@ const textVariantMap = {
     "7xl"
   ]
 };
-
 const textVariantKeys = Object.keys(textVariantMap);
-
 const text = /* @__PURE__ */ Object.assign(memo(textFn.recipeFn), {
   __recipe__: true,
-  __name__: 'text',
+  __name__: "text",
   __getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: textVariantKeys,
   variantMap: textVariantMap,
   merge(recipe) {
-    return mergeRecipes(this, recipe)
+    return mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return splitProps(props, textVariantKeys)
+    return splitProps(props, textVariantKeys);
   },
-  getVariantProps: textFn.getVariantProps,
+  getVariantProps: textFn.getVariantProps
 });
 
 export { text };

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

@@ -1,16 +1,16 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
-import { splitProps, memo, compact, getSlotCompoundVariant } from '../helpers.mjs';
+import { memo, compact, splitProps, getSlotCompoundVariant } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const tooltipDefaultVariants = {};
 const tooltipCompoundVariants = [];
-
 const tooltipSlotNames = [
   [
     "trigger",
@@ -34,22 +34,19 @@ const tooltipSlotNames = [
   ]
 ];
 const tooltipSlotFns = /* @__PURE__ */ tooltipSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tooltipDefaultVariants, getSlotCompoundVariant(tooltipCompoundVariants, slotName))]);
-
 const tooltipFn = memo((props = {}) => {
-  return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+  return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-
 const tooltipVariantKeys = [];
 const getVariantProps = (variants) => ({ ...tooltipDefaultVariants, ...compact(variants) });
-
 const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
   __recipe__: false,
-  __name__: 'tooltip',
+  __name__: "tooltip",
   raw: (props) => props,
   variantKeys: tooltipVariantKeys,
   variantMap: {},
   splitVariantProps(props) {
-    return splitProps(props, tooltipVariantKeys)
+    return splitProps(props, tooltipVariantKeys);
   },
   getVariantProps
 });

package/dist/esm/styled-system/tokens/index.mjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.3.1
+ * v2.4.1-beta.0
  */
 'use client';
 
@@ -1783,15 +1784,15 @@ const tokens = {
     "variable": "var(--iap-easings-emphasized-out)"
   },
   "fonts.sans": {
-    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
+    "value": 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
     "variable": "var(--iap-fonts-sans)"
   },
   "fonts.serif": {
-    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+    "value": 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
     "variable": "var(--iap-fonts-serif)"
   },
   "fonts.mono": {
-    "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+    "value": 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
     "variable": "var(--iap-fonts-mono)"
   },
   "fontSizes.2xs": {
@@ -2351,7 +2352,7 @@ const tokens = {
     "variable": "var(--iap-z-index-docked)"
   },
   "zIndex.dropdown": {
-    "value": 1000,
+    "value": 1e3,
     "variable": "var(--iap-z-index-dropdown)"
   },
   "zIndex.sticky": {
@@ -4447,15 +4448,12 @@ const tokens = {
     "variable": "var(--iap-colors-color-palette-hover)"
   }
 };
-
 function token(path, fallback) {
-  return tokens[path]?.value || fallback
+  return tokens[path]?.value || fallback;
 }
-
 function tokenVar(path, fallback) {
-  return tokens[path]?.variable || fallback
+  return tokens[path]?.variable || fallback;
 }
-
 token.var = tokenVar;
 
 export { token };

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

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

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

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

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

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

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

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

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

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

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

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