@integration-app/react 2.6.3 → 2.7.0

package/dist/cjs/styled-system/patterns/divider.cjs

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -12,23 +11,23 @@ var helpers = require('../helpers.cjs');
 require('../css/css.cjs');
 
 const dividerConfig = {
-  transform(props, { map }) {
-    const { orientation, thickness, color, ...rest } = props;
-    return {
-      "--thickness": thickness,
-      width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
-      height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
-      borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
-      borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
-      borderColor: color,
-      ...rest
-    };
-  },
-  defaultValues: { orientation: "horizontal", thickness: "1px" }
-};
+transform(props, { map }) {
+  const { orientation, thickness, color, ...rest } = props;
+  return {
+    "--thickness": thickness,
+    width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),
+    height: map(orientation, (v) => v === "horizontal" ? void 0 : "100%"),
+    borderBlockEndWidth: map(orientation, (v) => v === "horizontal" ? "var(--thickness)" : void 0),
+    borderInlineEndWidth: map(orientation, (v) => v === "vertical" ? "var(--thickness)" : void 0),
+    borderColor: color,
+    ...rest
+  };
+},
+defaultValues:{orientation:'horizontal',thickness:'1px'}};
+
 const getDividerStyle = (styles = {}) => {
   const _styles = helpers.getPatternStyles(dividerConfig, styles);
-  return dividerConfig.transform(_styles, helpers.patternFns);
+  return dividerConfig.transform(_styles, helpers.patternFns)
 };
 
 exports.getDividerStyle = getDividerStyle;

package/dist/cjs/styled-system/patterns/flex.cjs

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -12,24 +11,24 @@ var helpers = require('../helpers.cjs');
 require('../css/css.cjs');
 
 const flexConfig = {
-  transform(props) {
-    const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
-    return {
-      display: "flex",
-      flexDirection: direction,
-      alignItems: align,
-      justifyContent: justify,
-      flexWrap: wrap2,
-      flexBasis: basis,
-      flexGrow: grow,
-      flexShrink: shrink,
-      ...rest
-    };
-  }
-};
+transform(props) {
+  const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
+  return {
+    display: "flex",
+    flexDirection: direction,
+    alignItems: align,
+    justifyContent: justify,
+    flexWrap: wrap2,
+    flexBasis: basis,
+    flexGrow: grow,
+    flexShrink: shrink,
+    ...rest
+  };
+}};
+
 const getFlexStyle = (styles = {}) => {
   const _styles = helpers.getPatternStyles(flexConfig, styles);
-  return flexConfig.transform(_styles, helpers.patternFns);
+  return flexConfig.transform(_styles, helpers.patternFns)
 };
 
 exports.getFlexStyle = getFlexStyle;

package/dist/cjs/styled-system/patterns/visually-hidden.cjs

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -12,17 +11,18 @@ var helpers = require('../helpers.cjs');
 var css = require('../css/css.cjs');
 
 const visuallyHiddenConfig = {
-  transform(props) {
-    return {
-      srOnly: true,
-      ...props
-    };
-  }
-};
+transform(props) {
+  return {
+    srOnly: true,
+    ...props
+  };
+}};
+
 const getVisuallyHiddenStyle = (styles = {}) => {
   const _styles = helpers.getPatternStyles(visuallyHiddenConfig, styles);
-  return visuallyHiddenConfig.transform(_styles, helpers.patternFns);
+  return visuallyHiddenConfig.transform(_styles, helpers.patternFns)
 };
+
 const visuallyHidden = (styles) => css.css(getVisuallyHiddenStyle(styles));
 visuallyHidden.raw = getVisuallyHiddenStyle;
 

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

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -13,6 +12,7 @@ var createRecipe = require('./create-recipe.cjs');
 
 const alertDefaultVariants = {};
 const alertCompoundVariants = [];
+
 const alertSlotNames = [
   [
     "root",
@@ -36,19 +36,22 @@ const alertSlotNames = [
   ]
 ];
 const alertSlotFns = /* @__PURE__ */ alertSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe.createRecipe(slotKey, alertDefaultVariants, helpers.getSlotCompoundVariant(alertCompoundVariants, slotName))]);
+
 const alertFn = helpers.memo((props = {}) => {
-  return Object.fromEntries(alertSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+  return Object.fromEntries(alertSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
 });
+
 const alertVariantKeys = [];
 const getVariantProps = (variants) => ({ ...alertDefaultVariants, ...helpers.compact(variants) });
+
 const alert = /* @__PURE__ */ Object.assign(alertFn, {
   __recipe__: false,
-  __name__: "alert",
+  __name__: 'alert',
   raw: (props) => props,
   variantKeys: alertVariantKeys,
   variantMap: {},
   splitVariantProps(props) {
-    return helpers.splitProps(props, alertVariantKeys);
+    return helpers.splitProps(props, alertVariantKeys)
   },
   getVariantProps
 });

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

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -15,6 +14,7 @@ const avatarDefaultVariants = {
   "size": "md"
 };
 const avatarCompoundVariants = [];
+
 const avatarSlotNames = [
   [
     "root",
@@ -30,30 +30,33 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -11,10 +10,11 @@
 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,21 +27,23 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -11,10 +10,11 @@
 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,21 +32,23 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -15,69 +14,81 @@ 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 {
-    recipeFn,
-    getVariantProps,
-    __getCompoundVariantCss__: (variants) => {
-      return cva.getCompoundVariantCss(compoundVariants, getVariantProps(variants));
-    }
+      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));
+     },
+   }
 };
+
 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -11,9 +10,10 @@
 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,21 +24,23 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -11,9 +10,10 @@
 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,21 +25,23 @@ 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,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.7.0
  */
 'use client';
 
@@ -15,6 +14,7 @@ const menuDefaultVariants = {
   "size": "md"
 };
 const menuCompoundVariants = [];
+
 const menuSlotNames = [
   [
     "arrow",
@@ -74,28 +74,31 @@ 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
 });