@integration-app/react 2.6.2 → 2.7.0

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

@@ -1,18 +1,18 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const buttonFn = /* @__PURE__ */ createRecipe("button", {
+const buttonFn = /* @__PURE__ */ createRecipe('button', {
   "variant": "solid",
   "size": "md"
 }, []);
+
 const buttonVariantMap = {
   "variant": [
     "solid",
@@ -30,21 +30,23 @@ const buttonVariantMap = {
     "2xl"
   ]
 };
+
 const buttonVariantKeys = Object.keys(buttonVariantMap);
+
 const button = /* @__PURE__ */ Object.assign(memo(buttonFn.recipeFn), {
   __recipe__: true,
-  __name__: "button",
+  __name__: 'button',
   __getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: buttonVariantKeys,
   variantMap: buttonVariantMap,
   merge(recipe) {
-    return mergeRecipes(this, recipe);
+    return mergeRecipes(this, recipe)
   },
   splitVariantProps(props) {
-    return splitProps(props, buttonVariantKeys);
+    return splitProps(props, buttonVariantKeys)
   },
-  getVariantProps: buttonFn.getVariantProps
+  getVariantProps: buttonFn.getVariantProps,
 });
 
 export { button };

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

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
@@ -13,68 +12,80 @@ 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 {
-    recipeFn,
-    getVariantProps,
-    __getCompoundVariantCss__: (variants) => {
-      return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-    }
+      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));
+     },
+   }
 };
+
 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.6.2
+ * v2.7.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.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,21 +22,23 @@ 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.6.2
+ * v2.7.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.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,21 +23,23 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
@@ -13,6 +12,7 @@ const menuDefaultVariants = {
   "size": "md"
 };
 const menuCompoundVariants = [];
+
 const menuSlotNames = [
   [
     "arrow",
@@ -72,28 +72,31 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
@@ -11,6 +10,7 @@ import { createRecipe } from './create-recipe.mjs';
 
 const popoverDefaultVariants = {};
 const popoverCompoundVariants = [];
+
 const popoverSlotNames = [
   [
     "arrow",
@@ -54,19 +54,22 @@ 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,31 +1,33 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const skeletonFn = /* @__PURE__ */ createRecipe("skeleton", {}, []);
+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.6.2
+ * v2.7.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.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,21 +21,23 @@ 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.6.2
+ * v2.7.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const textFn = /* @__PURE__ */ createRecipe("text", {}, []);
+const textFn = /* @__PURE__ */ createRecipe('text', {}, []);
+
 const textVariantMap = {
   "variant": [
     "heading"
@@ -28,21 +28,23 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
@@ -11,6 +10,7 @@ import { createRecipe } from './create-recipe.mjs';
 
 const tooltipDefaultVariants = {};
 const tooltipCompoundVariants = [];
+
 const tooltipSlotNames = [
   [
     "trigger",
@@ -34,19 +34,22 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.2
+ * v2.7.0
  */
 'use client';
 
@@ -1784,15 +1783,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": {
@@ -2352,7 +2351,7 @@ const tokens = {
     "variable": "var(--iap-z-index-docked)"
   },
   "zIndex.dropdown": {
-    "value": 1e3,
+    "value": 1000,
     "variable": "var(--iap-z-index-dropdown)"
   },
   "zIndex.sticky": {
@@ -4448,12 +4447,15 @@ 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.6.2
+ * v2.7.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.6.2
+ * v2.7.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.6.2
+ * v2.7.0
  */
 'use client';