@integration-app/react 2.4.0 → 2.5.0

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

@@ -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';
 
@@ -9,19 +10,19 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import '../css/css.mjs';
 
 const centerConfig = {
-transform(props) {
-  const { inline, ...rest } = props;
-  return {
-    display: inline ? "inline-flex" : "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    ...rest
-  };
-}};
-
+  transform(props) {
+    const { inline, ...rest } = props;
+    return {
+      display: inline ? "inline-flex" : "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      ...rest
+    };
+  }
+};
 const getCenterStyle = (styles = {}) => {
   const _styles = getPatternStyles(centerConfig, styles);
-  return centerConfig.transform(_styles, patternFns)
+  return centerConfig.transform(_styles, patternFns);
 };
 
 export { getCenterStyle };

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

@@ -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';
 
@@ -9,23 +10,23 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import '../css/css.mjs';
 
 const circleConfig = {
-transform(props) {
-  const { size, ...rest } = props;
-  return {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flex: "0 0 auto",
-    width: size,
-    height: size,
-    borderRadius: "9999px",
-    ...rest
-  };
-}};
-
+  transform(props) {
+    const { size, ...rest } = props;
+    return {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flex: "0 0 auto",
+      width: size,
+      height: size,
+      borderRadius: "9999px",
+      ...rest
+    };
+  }
+};
 const getCircleStyle = (styles = {}) => {
   const _styles = getPatternStyles(circleConfig, styles);
-  return circleConfig.transform(_styles, patternFns)
+  return circleConfig.transform(_styles, patternFns);
 };
 
 export { getCircleStyle };

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

@@ -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';
 
@@ -9,23 +10,23 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import '../css/css.mjs';
 
 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 = getPatternStyles(dividerConfig, styles);
-  return dividerConfig.transform(_styles, patternFns)
+  return dividerConfig.transform(_styles, patternFns);
 };
 
 export { getDividerStyle };

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

@@ -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';
 
@@ -9,24 +10,24 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import '../css/css.mjs';
 
 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 = getPatternStyles(flexConfig, styles);
-  return flexConfig.transform(_styles, patternFns)
+  return flexConfig.transform(_styles, patternFns);
 };
 
 export { getFlexStyle };

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

@@ -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';
 
@@ -9,18 +10,17 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/css.mjs';
 
 const visuallyHiddenConfig = {
-transform(props) {
-  return {
-    srOnly: true,
-    ...props
-  };
-}};
-
+  transform(props) {
+    return {
+      srOnly: true,
+      ...props
+    };
+  }
+};
 const getVisuallyHiddenStyle = (styles = {}) => {
   const _styles = getPatternStyles(visuallyHiddenConfig, styles);
-  return visuallyHiddenConfig.transform(_styles, patternFns)
+  return visuallyHiddenConfig.transform(_styles, patternFns);
 };
-
 const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles));
 visuallyHidden.raw = getVisuallyHiddenStyle;
 

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

@@ -1,16 +1,16 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.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 alertDefaultVariants = {};
 const alertCompoundVariants = [];
-
 const alertSlotNames = [
   [
     "root",
@@ -34,22 +34,19 @@ const alertSlotNames = [
   ]
 ];
 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)]))
+  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',
+  __name__: "alert",
   raw: (props) => props,
   variantKeys: alertVariantKeys,
   variantMap: {},
   splitVariantProps(props) {
-    return splitProps(props, alertVariantKeys)
+    return splitProps(props, alertVariantKeys);
   },
   getVariantProps
 });

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

@@ -1,18 +1,18 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.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 avatarDefaultVariants = {
   "size": "md"
 };
 const avatarCompoundVariants = [];
-
 const avatarSlotNames = [
   [
     "root",
@@ -28,33 +28,30 @@ const avatarSlotNames = [
   ]
 ];
 const avatarSlotFns = /* @__PURE__ */ avatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarDefaultVariants, getSlotCompoundVariant(avatarCompoundVariants, slotName))]);
-
 const avatarFn = 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, ...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 splitProps(props, avatarVariantKeys)
+    return splitProps(props, avatarVariantKeys);
   },
   getVariantProps
 });

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

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

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.4.0
+ * v2.5.0
  */
 'use client';
 
 import { memo, splitProps } from '../helpers.mjs';
-import { mergeRecipes, createRecipe } from './create-recipe.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,23 +30,21 @@ 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,91 +1,80 @@
+"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.4.0
+ * v2.5.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.4.0
+ * v2.5.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 };