@integration-app/react 2.0.2 → 2.0.3-beta.1

package/dist/cjs/styled-system/jsx/factory.cjs

@@ -0,0 +1,93 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var React = require('react');
+var css = require('../css/css.cjs');
+var cx = require('../css/cx.cjs');
+var cva = require('../css/cva.cjs');
+var helpers = require('../helpers.cjs');
+var factoryHelper = require('./factory-helper.cjs');
+var isValidProp = require('./is-valid-prop.cjs');
+
+function styledFn(Dynamic, configOrCva = {}, options = {}) {
+  const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva.cva(configOrCva);
+
+  const forwardFn = options.shouldForwardProp || factoryHelper.defaultShouldForwardProp;
+  const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys);
+
+  const defaultProps = Object.assign(
+    options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
+    options.defaultProps,
+  );
+
+  const __cvaFn__ = factoryHelper.composeCvaFn(Dynamic.__cva__, cvaFn);
+  const __shouldForwardProps__ = factoryHelper.composeShouldForwardProps(Dynamic, shouldForwardProp);
+  const __base__ = Dynamic.__base__ || Dynamic;
+
+  const StyledComponent = /* @__PURE__ */ React.forwardRef(function StyledComponent(props, ref) {
+    const { as: Element = __base__, children, ...restProps } = props;
+
+    const combinedProps = React.useMemo(() => Object.assign({}, defaultProps, restProps), [restProps]);
+
+    const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = React.useMemo(() => {
+      return helpers.splitProps(combinedProps, helpers.normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isValidProp.isCssProperty)
+    }, [combinedProps]);
+
+    function recipeClass() {
+      const { css: cssStyles, ...propStyles } = styleProps;
+      const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
+      return cx.cx(__cvaFn__(variantProps, false), css.css(compoundVariantStyles, propStyles, cssStyles), combinedProps.className)
+    }
+
+    function cvaClass() {
+      const { css: cssStyles, ...propStyles } = styleProps;
+      const cvaStyles = __cvaFn__.raw(variantProps);
+      return cx.cx(css.css(cvaStyles, propStyles, cssStyles), combinedProps.className)
+    }
+
+    const classes = configOrCva.__recipe__ ? recipeClass : cvaClass;
+
+    return React.createElement(Element, {
+      ref,
+      ...forwardedProps,
+      ...elementProps,
+      ...helpers.normalizeHTMLProps(htmlProps),
+      className: classes(),
+    }, combinedProps.children ?? children)
+  });
+
+  const name = factoryHelper.getDisplayName(__base__);
+
+  StyledComponent.displayName = `styled.${name}`;
+  StyledComponent.__cva__ = __cvaFn__;
+  StyledComponent.__base__ = __base__;
+  StyledComponent.__shouldForwardProps__ = shouldForwardProp;
+
+  return StyledComponent
+}
+
+function createJsxFactory() {
+  const cache = new Map();
+
+  return new Proxy(styledFn, {
+    apply(_, __, args) {
+      return styledFn(...args)
+    },
+    get(_, el) {
+      if (!cache.has(el)) {
+        cache.set(el, styledFn(el));
+      }
+      return cache.get(el)
+    },
+  })
+}
+
+const styled = /* @__PURE__ */ createJsxFactory();
+
+exports.styled = styled;

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

@@ -0,0 +1,24 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var React = require('react');
+var helpers = require('../helpers.cjs');
+var flex = require('../patterns/flex.cjs');
+var factory = require('./factory.cjs');
+
+const Flex = /* @__PURE__ */ React.forwardRef(function Flex(props, ref) {
+  const [patternProps, restProps] = helpers.splitProps(props, ["align","justify","direction","wrap","basis","grow","shrink"]);
+
+const styleProps = flex.getFlexStyle(patternProps);
+const mergedProps = { ref, ...styleProps, ...restProps };
+
+return React.createElement(factory.styled.div, mergedProps)
+  });
+
+exports.Flex = Flex;

package/dist/cjs/styled-system/jsx/is-valid-prop.cjs

@@ -0,0 +1,24 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+
+// src/index.ts
+var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,_collapsed,_current,_hidden,_off,_on,_today,_underValue,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,textStyle";
+var userGenerated = userGeneratedStr.split(",");
+var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect";
+var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated);
+var properties = new Map(allCssProperties.map((prop) => [prop, true]));
+var cssPropertySelectorRegex = /&|@/;
+var isCssProperty = /* @__PURE__ */ helpers.memo((prop) => {
+  return properties.has(prop) || prop.startsWith("--") || cssPropertySelectorRegex.test(prop);
+});
+
+exports.allCssProperties = allCssProperties;
+exports.isCssProperty = isCssProperty;

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

@@ -0,0 +1,24 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var React = require('react');
+var helpers = require('../helpers.cjs');
+var visuallyHidden = require('../patterns/visually-hidden.cjs');
+var factory = require('./factory.cjs');
+
+const VisuallyHidden = /* @__PURE__ */ React.forwardRef(function VisuallyHidden(props, ref) {
+  const [patternProps, restProps] = helpers.splitProps(props, []);
+
+const styleProps = visuallyHidden.getVisuallyHiddenStyle(patternProps);
+const mergedProps = { ref, ...styleProps, ...restProps };
+
+return React.createElement(factory.styled.div, mergedProps)
+  });
+
+exports.VisuallyHidden = VisuallyHidden;

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

@@ -0,0 +1,23 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+require('../css/css.cjs');
+
+const boxConfig = {
+transform(props) {
+  return props;
+}};
+
+const getBoxStyle = (styles = {}) => {
+  const _styles = helpers.getPatternStyles(boxConfig, styles);
+  return boxConfig.transform(_styles, helpers.patternFns)
+};
+
+exports.getBoxStyle = getBoxStyle;

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

@@ -0,0 +1,29 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+require('../css/css.cjs');
+
+const centerConfig = {
+transform(props) {
+  const { inline, ...rest } = props;
+  return {
+    display: inline ? "inline-flex" : "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    ...rest
+  };
+}};
+
+const getCenterStyle = (styles = {}) => {
+  const _styles = helpers.getPatternStyles(centerConfig, styles);
+  return centerConfig.transform(_styles, helpers.patternFns)
+};
+
+exports.getCenterStyle = getCenterStyle;

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

@@ -0,0 +1,33 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+require('../css/css.cjs');
+
+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
+  };
+}};
+
+const getCircleStyle = (styles = {}) => {
+  const _styles = helpers.getPatternStyles(circleConfig, styles);
+  return circleConfig.transform(_styles, helpers.patternFns)
+};
+
+exports.getCircleStyle = getCircleStyle;

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

@@ -0,0 +1,34 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+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
+  };
+}};
+
+const getFlexStyle = (styles = {}) => {
+  const _styles = helpers.getPatternStyles(flexConfig, styles);
+  return flexConfig.transform(_styles, helpers.patternFns)
+};
+
+exports.getFlexStyle = getFlexStyle;

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

@@ -0,0 +1,26 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+require('../css/css.cjs');
+
+const visuallyHiddenConfig = {
+transform(props) {
+  return {
+    srOnly: true,
+    ...props
+  };
+}};
+
+const getVisuallyHiddenStyle = (styles = {}) => {
+  const _styles = helpers.getPatternStyles(visuallyHiddenConfig, styles);
+  return visuallyHiddenConfig.transform(_styles, helpers.patternFns)
+};
+
+exports.getVisuallyHiddenStyle = getVisuallyHiddenStyle;

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

@@ -0,0 +1,64 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const avatarDefaultVariants = {
+  "size": "md"
+};
+const avatarCompoundVariants = [];
+
+const avatarSlotNames = [
+  [
+    "root",
+    "avatar__root"
+  ],
+  [
+    "image",
+    "avatar__image"
+  ],
+  [
+    "fallback",
+    "avatar__fallback"
+  ]
+];
+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)]))
+});
+
+const avatarVariantKeys = [
+  "size"
+];
+const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...helpers.compact(variants) });
+
+const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
+  __recipe__: false,
+  __name__: 'avatar',
+  raw: (props) => props,
+  variantKeys: avatarVariantKeys,
+  variantMap: {
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl"
+  ]
+},
+  splitVariantProps(props) {
+    return helpers.splitProps(props, avatarVariantKeys)
+  },
+  getVariantProps
+});
+
+exports.avatar = avatar;

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

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

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

@@ -0,0 +1,94 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var conditions = require('../css/conditions.cjs');
+var css = require('../css/css.cjs');
+var cva = require('../css/cva.cjs');
+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 recipeFn = (variants, withCompoundVariants = true) => {
+   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));
+     },
+   }
+};
+
+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)
+   },
+ })
+ };
+
+exports.createRecipe = createRecipe;
+exports.mergeRecipes = mergeRecipes;

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

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

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

@@ -0,0 +1,35 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3-beta.1
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+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',
+  __getCompoundVariantCss__: skeletonFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: skeletonVariantKeys,
+  variantMap: skeletonVariantMap,
+  merge(recipe) {
+    return createRecipe.mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return helpers.splitProps(props, skeletonVariantKeys)
+  },
+  getVariantProps: skeletonFn.getVariantProps,
+});
+
+exports.skeleton = skeleton;