@integration-app/react 2.4.0 → 2.5.0

package/dist/cjs/styled-system/recipes/avatar.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -14,7 +15,6 @@ const avatarDefaultVariants = {
   "size": "md"
 };
 const avatarCompoundVariants = [];
-
 const avatarSlotNames = [
   [
     "root",
@@ -30,33 +30,30 @@ const avatarSlotNames = [
   ]
 ];
 const avatarSlotFns = /* @__PURE__ */ avatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe.createRecipe(slotKey, avatarDefaultVariants, helpers.getSlotCompoundVariant(avatarCompoundVariants, slotName))]);
-
 const avatarFn = helpers.memo((props = {}) => {
-  return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+  return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
 });
-
 const avatarVariantKeys = [
   "size"
 ];
 const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...helpers.compact(variants) });
-
 const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
-  __name__: 'avatar',
+  __name__: "avatar",
   raw: (props) => props,
   variantKeys: avatarVariantKeys,
   variantMap: {
-  "size": [
-    "xs",
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "2xl"
-  ]
-},
+    "size": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+      "2xl"
+    ]
+  },
   splitVariantProps(props) {
-    return helpers.splitProps(props, avatarVariantKeys)
+    return helpers.splitProps(props, avatarVariantKeys);
   },
   getVariantProps
 });

package/dist/cjs/styled-system/recipes/badge.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,11 +11,10 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const badgeFn = /* @__PURE__ */ createRecipe.createRecipe('badge', {
+const badgeFn = /* @__PURE__ */ createRecipe.createRecipe("badge", {
   "variant": "subtle",
   "size": "md"
 }, []);
-
 const badgeVariantMap = {
   "variant": [
     "solid",
@@ -27,23 +27,21 @@ const badgeVariantMap = {
     "lg"
   ]
 };
-
 const badgeVariantKeys = Object.keys(badgeVariantMap);
-
 const badge = /* @__PURE__ */ Object.assign(helpers.memo(badgeFn.recipeFn), {
   __recipe__: true,
-  __name__: 'badge',
+  __name__: "badge",
   __getCompoundVariantCss__: badgeFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: badgeVariantKeys,
   variantMap: badgeVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, badgeVariantKeys)
+    return helpers.splitProps(props, badgeVariantKeys);
   },
-  getVariantProps: badgeFn.getVariantProps,
+  getVariantProps: badgeFn.getVariantProps
 });
 
 exports.badge = badge;

package/dist/cjs/styled-system/recipes/button.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,11 +11,10 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const buttonFn = /* @__PURE__ */ createRecipe.createRecipe('button', {
+const buttonFn = /* @__PURE__ */ createRecipe.createRecipe("button", {
   "variant": "solid",
   "size": "md"
 }, []);
-
 const buttonVariantMap = {
   "variant": [
     "solid",
@@ -32,23 +32,21 @@ const buttonVariantMap = {
     "2xl"
   ]
 };
-
 const buttonVariantKeys = Object.keys(buttonVariantMap);
-
 const button = /* @__PURE__ */ Object.assign(helpers.memo(buttonFn.recipeFn), {
   __recipe__: true,
-  __name__: 'button',
+  __name__: "button",
   __getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: buttonVariantKeys,
   variantMap: buttonVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, buttonVariantKeys)
+    return helpers.splitProps(props, buttonVariantKeys);
   },
-  getVariantProps: buttonFn.getVariantProps,
+  getVariantProps: buttonFn.getVariantProps
 });
 
 exports.button = button;

package/dist/cjs/styled-system/recipes/create-recipe.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -14,81 +15,69 @@ var cx = require('../css/cx.cjs');
 var helpers = require('../helpers.cjs');
 
 const createRecipe = (name, defaultVariants, compoundVariants) => {
- const getVariantProps = (variants) => {
-   return {
-     [name]: '__ignore__',
-     ...defaultVariants,
-     ...helpers.compact(variants),
-   };
- };
-
+  const getVariantProps = (variants) => {
+    return {
+      [name]: "__ignore__",
+      ...defaultVariants,
+      ...helpers.compact(variants)
+    };
+  };
   const recipeFn = (variants, withCompoundVariants = true) => {
-   const transform = (prop, value) => {
-     cva.assertCompoundVariant(name, compoundVariants, variants, prop);
-
-      if (value === '__ignore__') {
-        return { className: name }
+    const transform = (prop, value) => {
+      cva.assertCompoundVariant(name, compoundVariants, variants, prop);
+      if (value === "__ignore__") {
+        return { className: name };
       }
-
       value = helpers.withoutSpace(value);
-      return { className: `${name}--${prop}_${value}` }
-   };
-
-   const recipeCss = helpers.createCss({
-     
-     conditions: {
-       shift: conditions.sortConditions,
-       finalize: conditions.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 = cva.getCompoundVariantCss(compoundVariants, recipeStyles);
-     return cx.cx(recipeCss(recipeStyles), css.css(compoundVariantStyles))
-   }
-
-   return recipeCss(recipeStyles)
+      return { className: `${name}--${prop}_${value}` };
+    };
+    const recipeCss = helpers.createCss({
+      conditions: {
+        shift: conditions.sortConditions,
+        finalize: conditions.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 = cva.getCompoundVariantCss(compoundVariants, recipeStyles);
+      return cx.cx(recipeCss(recipeStyles), css.css(compoundVariantStyles));
+    }
+    return recipeCss(recipeStyles);
+  };
+  return {
+    recipeFn,
+    getVariantProps,
+    __getCompoundVariantCss__: (variants) => {
+      return cva.getCompoundVariantCss(compoundVariants, getVariantProps(variants));
+    }
   };
-
-   return {
-     recipeFn,
-     getVariantProps,
-     __getCompoundVariantCss__: (variants) => {
-       return cva.getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-     },
-   }
 };
-
 const mergeRecipes = (recipeA, recipeB) => {
- if (recipeA && !recipeB) return recipeA
- if (!recipeA && recipeB) return recipeB
-
- const recipeFn = (...args) => cx.cx(recipeA(...args), recipeB(...args));
- const variantKeys = helpers.uniq(recipeA.variantKeys, recipeB.variantKeys);
- const variantMap = variantKeys.reduce((acc, key) => {
-   acc[key] = helpers.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 helpers.splitProps(props, variantKeys)
-   },
- })
- };
+  if (recipeA && !recipeB) return recipeA;
+  if (!recipeA && recipeB) return recipeB;
+  const recipeFn = (...args) => cx.cx(recipeA(...args), recipeB(...args));
+  const variantKeys = helpers.uniq(recipeA.variantKeys, recipeB.variantKeys);
+  const variantMap = variantKeys.reduce((acc, key) => {
+    acc[key] = helpers.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 helpers.splitProps(props, variantKeys);
+    }
+  });
+};
 
 exports.createRecipe = createRecipe;
 exports.mergeRecipes = mergeRecipes;

package/dist/cjs/styled-system/recipes/icon.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,10 +11,9 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const iconFn = /* @__PURE__ */ createRecipe.createRecipe('icon', {
+const iconFn = /* @__PURE__ */ createRecipe.createRecipe("icon", {
   "size": "md"
 }, []);
-
 const iconVariantMap = {
   "size": [
     "xs",
@@ -24,23 +24,21 @@ const iconVariantMap = {
     "2xl"
   ]
 };
-
 const iconVariantKeys = Object.keys(iconVariantMap);
-
 const icon = /* @__PURE__ */ Object.assign(helpers.memo(iconFn.recipeFn), {
   __recipe__: true,
-  __name__: 'icon',
+  __name__: "icon",
   __getCompoundVariantCss__: iconFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: iconVariantKeys,
   variantMap: iconVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, iconVariantKeys)
+    return helpers.splitProps(props, iconVariantKeys);
   },
-  getVariantProps: iconFn.getVariantProps,
+  getVariantProps: iconFn.getVariantProps
 });
 
 exports.icon = icon;

package/dist/cjs/styled-system/recipes/input.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,10 +11,9 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const inputFn = /* @__PURE__ */ createRecipe.createRecipe('input', {
+const inputFn = /* @__PURE__ */ createRecipe.createRecipe("input", {
   "size": "md"
 }, []);
-
 const inputVariantMap = {
   "size": [
     "2xs",
@@ -25,23 +25,21 @@ const inputVariantMap = {
     "2xl"
   ]
 };
-
 const inputVariantKeys = Object.keys(inputVariantMap);
-
 const input = /* @__PURE__ */ Object.assign(helpers.memo(inputFn.recipeFn), {
   __recipe__: true,
-  __name__: 'input',
+  __name__: "input",
   __getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: inputVariantKeys,
   variantMap: inputVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, inputVariantKeys)
+    return helpers.splitProps(props, inputVariantKeys);
   },
-  getVariantProps: inputFn.getVariantProps,
+  getVariantProps: inputFn.getVariantProps
 });
 
 exports.input = input;

package/dist/cjs/styled-system/recipes/menu.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -14,7 +15,6 @@ const menuDefaultVariants = {
   "size": "md"
 };
 const menuCompoundVariants = [];
-
 const menuSlotNames = [
   [
     "arrow",
@@ -74,31 +74,28 @@ const menuSlotNames = [
   ]
 ];
 const menuSlotFns = /* @__PURE__ */ menuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe.createRecipe(slotKey, menuDefaultVariants, helpers.getSlotCompoundVariant(menuCompoundVariants, slotName))]);
-
 const menuFn = helpers.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, ...helpers.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 helpers.splitProps(props, menuVariantKeys)
+    return helpers.splitProps(props, menuVariantKeys);
   },
   getVariantProps
 });

package/dist/cjs/styled-system/recipes/popover.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -12,7 +13,6 @@ var createRecipe = require('./create-recipe.cjs');
 
 const popoverDefaultVariants = {};
 const popoverCompoundVariants = [];
-
 const popoverSlotNames = [
   [
     "arrow",
@@ -56,22 +56,19 @@ const popoverSlotNames = [
   ]
 ];
 const popoverSlotFns = /* @__PURE__ */ popoverSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe.createRecipe(slotKey, popoverDefaultVariants, helpers.getSlotCompoundVariant(popoverCompoundVariants, slotName))]);
-
 const popoverFn = helpers.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, ...helpers.compact(variants) });
-
 const popover = /* @__PURE__ */ Object.assign(popoverFn, {
   __recipe__: false,
-  __name__: 'popover',
+  __name__: "popover",
   raw: (props) => props,
   variantKeys: popoverVariantKeys,
   variantMap: {},
   splitVariantProps(props) {
-    return helpers.splitProps(props, popoverVariantKeys)
+    return helpers.splitProps(props, popoverVariantKeys);
   },
   getVariantProps
 });

package/dist/cjs/styled-system/recipes/skeleton.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,26 +11,23 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const skeletonFn = /* @__PURE__ */ createRecipe.createRecipe('skeleton', {}, []);
-
+const skeletonFn = /* @__PURE__ */ createRecipe.createRecipe("skeleton", {}, []);
 const skeletonVariantMap = {};
-
 const skeletonVariantKeys = Object.keys(skeletonVariantMap);
-
 const skeleton = /* @__PURE__ */ Object.assign(helpers.memo(skeletonFn.recipeFn), {
   __recipe__: true,
-  __name__: 'skeleton',
+  __name__: "skeleton",
   __getCompoundVariantCss__: skeletonFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: skeletonVariantKeys,
   variantMap: skeletonVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, skeletonVariantKeys)
+    return helpers.splitProps(props, skeletonVariantKeys);
   },
-  getVariantProps: skeletonFn.getVariantProps,
+  getVariantProps: skeletonFn.getVariantProps
 });
 
 exports.skeleton = skeleton;

package/dist/cjs/styled-system/recipes/spinner.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,10 +11,9 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const spinnerFn = /* @__PURE__ */ createRecipe.createRecipe('spinner', {
+const spinnerFn = /* @__PURE__ */ createRecipe.createRecipe("spinner", {
   "size": "md"
 }, []);
-
 const spinnerVariantMap = {
   "size": [
     "xs",
@@ -23,23 +23,21 @@ const spinnerVariantMap = {
     "xl"
   ]
 };
-
 const spinnerVariantKeys = Object.keys(spinnerVariantMap);
-
 const spinner = /* @__PURE__ */ Object.assign(helpers.memo(spinnerFn.recipeFn), {
   __recipe__: true,
-  __name__: 'spinner',
+  __name__: "spinner",
   __getCompoundVariantCss__: spinnerFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: spinnerVariantKeys,
   variantMap: spinnerVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, spinnerVariantKeys)
+    return helpers.splitProps(props, spinnerVariantKeys);
   },
-  getVariantProps: spinnerFn.getVariantProps,
+  getVariantProps: spinnerFn.getVariantProps
 });
 
 exports.spinner = spinner;

package/dist/cjs/styled-system/recipes/text.cjs

@@ -1,7 +1,8 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.0
  */
 'use client';
 
@@ -10,8 +11,7 @@
 var helpers = require('../helpers.cjs');
 var createRecipe = require('./create-recipe.cjs');
 
-const textFn = /* @__PURE__ */ createRecipe.createRecipe('text', {}, []);
-
+const textFn = /* @__PURE__ */ createRecipe.createRecipe("text", {}, []);
 const textVariantMap = {
   "variant": [
     "heading"
@@ -30,23 +30,21 @@ const textVariantMap = {
     "7xl"
   ]
 };
-
 const textVariantKeys = Object.keys(textVariantMap);
-
 const text = /* @__PURE__ */ Object.assign(helpers.memo(textFn.recipeFn), {
   __recipe__: true,
-  __name__: 'text',
+  __name__: "text",
   __getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: textVariantKeys,
   variantMap: textVariantMap,
   merge(recipe) {
-    return createRecipe.mergeRecipes(this, recipe)
+    return createRecipe.mergeRecipes(this, recipe);
   },
   splitVariantProps(props) {
-    return helpers.splitProps(props, textVariantKeys)
+    return helpers.splitProps(props, textVariantKeys);
   },
-  getVariantProps: textFn.getVariantProps,
+  getVariantProps: textFn.getVariantProps
 });
 
 exports.text = text;