@membranehq/react 0.1.0

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

@@ -0,0 +1,94 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'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/@membranehq/react}
+ * v0.1.0
+ */
+'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/input.cjs

@@ -0,0 +1,47 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const inputFn = /* @__PURE__ */ createRecipe.createRecipe('input', {
+  "size": "md"
+}, []);
+
+const inputVariantMap = {
+  "size": [
+    "2xs",
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl"
+  ]
+};
+
+const inputVariantKeys = Object.keys(inputVariantMap);
+
+const input = /* @__PURE__ */ Object.assign(helpers.memo(inputFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'input',
+  __getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: inputVariantKeys,
+  variantMap: inputVariantMap,
+  merge(recipe) {
+    return createRecipe.mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return helpers.splitProps(props, inputVariantKeys)
+  },
+  getVariantProps: inputFn.getVariantProps,
+});
+
+exports.input = input;

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

@@ -0,0 +1,106 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const menuDefaultVariants = {
+  "size": "md"
+};
+const menuCompoundVariants = [];
+
+const menuSlotNames = [
+  [
+    "arrow",
+    "menu__arrow"
+  ],
+  [
+    "arrowTip",
+    "menu__arrowTip"
+  ],
+  [
+    "content",
+    "menu__content"
+  ],
+  [
+    "contextTrigger",
+    "menu__contextTrigger"
+  ],
+  [
+    "indicator",
+    "menu__indicator"
+  ],
+  [
+    "item",
+    "menu__item"
+  ],
+  [
+    "itemGroup",
+    "menu__itemGroup"
+  ],
+  [
+    "itemGroupLabel",
+    "menu__itemGroupLabel"
+  ],
+  [
+    "itemIndicator",
+    "menu__itemIndicator"
+  ],
+  [
+    "itemText",
+    "menu__itemText"
+  ],
+  [
+    "positioner",
+    "menu__positioner"
+  ],
+  [
+    "separator",
+    "menu__separator"
+  ],
+  [
+    "trigger",
+    "menu__trigger"
+  ],
+  [
+    "triggerItem",
+    "menu__triggerItem"
+  ]
+];
+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)]))
+});
+
+const menuVariantKeys = [
+  "size"
+];
+const getVariantProps = (variants) => ({ ...menuDefaultVariants, ...helpers.compact(variants) });
+
+const menu = /* @__PURE__ */ Object.assign(menuFn, {
+  __recipe__: false,
+  __name__: 'menu',
+  raw: (props) => props,
+  variantKeys: menuVariantKeys,
+  variantMap: {
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg"
+  ]
+},
+  splitVariantProps(props) {
+    return helpers.splitProps(props, menuVariantKeys)
+  },
+  getVariantProps
+});
+
+exports.menu = menu;

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

@@ -0,0 +1,79 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const popoverDefaultVariants = {};
+const popoverCompoundVariants = [];
+
+const popoverSlotNames = [
+  [
+    "arrow",
+    "popover__arrow"
+  ],
+  [
+    "arrowTip",
+    "popover__arrowTip"
+  ],
+  [
+    "anchor",
+    "popover__anchor"
+  ],
+  [
+    "trigger",
+    "popover__trigger"
+  ],
+  [
+    "indicator",
+    "popover__indicator"
+  ],
+  [
+    "positioner",
+    "popover__positioner"
+  ],
+  [
+    "content",
+    "popover__content"
+  ],
+  [
+    "title",
+    "popover__title"
+  ],
+  [
+    "description",
+    "popover__description"
+  ],
+  [
+    "closeTrigger",
+    "popover__closeTrigger"
+  ]
+];
+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)]))
+});
+
+const popoverVariantKeys = [];
+const getVariantProps = (variants) => ({ ...popoverDefaultVariants, ...helpers.compact(variants) });
+
+const popover = /* @__PURE__ */ Object.assign(popoverFn, {
+  __recipe__: false,
+  __name__: 'popover',
+  raw: (props) => props,
+  variantKeys: popoverVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return helpers.splitProps(props, popoverVariantKeys)
+  },
+  getVariantProps
+});
+
+exports.popover = popover;

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

@@ -0,0 +1,35 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'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;

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

@@ -0,0 +1,45 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const spinnerFn = /* @__PURE__ */ createRecipe.createRecipe('spinner', {
+  "size": "md"
+}, []);
+
+const spinnerVariantMap = {
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl"
+  ]
+};
+
+const spinnerVariantKeys = Object.keys(spinnerVariantMap);
+
+const spinner = /* @__PURE__ */ Object.assign(helpers.memo(spinnerFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'spinner',
+  __getCompoundVariantCss__: spinnerFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: spinnerVariantKeys,
+  variantMap: spinnerVariantMap,
+  merge(recipe) {
+    return createRecipe.mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return helpers.splitProps(props, spinnerVariantKeys)
+  },
+  getVariantProps: spinnerFn.getVariantProps,
+});
+
+exports.spinner = spinner;

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

@@ -0,0 +1,65 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const switchRecipeDefaultVariants = {
+  "size": "md"
+};
+const switchRecipeCompoundVariants = [];
+
+const switchRecipeSlotNames = [
+  [
+    "root",
+    "switchRecipe__root"
+  ],
+  [
+    "label",
+    "switchRecipe__label"
+  ],
+  [
+    "control",
+    "switchRecipe__control"
+  ],
+  [
+    "thumb",
+    "switchRecipe__thumb"
+  ]
+];
+const switchRecipeSlotFns = /* @__PURE__ */ switchRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe.createRecipe(slotKey, switchRecipeDefaultVariants, helpers.getSlotCompoundVariant(switchRecipeCompoundVariants, slotName))]);
+
+const switchRecipeFn = helpers.memo((props = {}) => {
+  return Object.fromEntries(switchRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+});
+
+const switchRecipeVariantKeys = [
+  "size"
+];
+const getVariantProps = (variants) => ({ ...switchRecipeDefaultVariants, ...helpers.compact(variants) });
+
+const switchRecipe = /* @__PURE__ */ Object.assign(switchRecipeFn, {
+  __recipe__: false,
+  __name__: 'switchRecipe',
+  raw: (props) => props,
+  variantKeys: switchRecipeVariantKeys,
+  variantMap: {
+  "size": [
+    "sm",
+    "md",
+    "lg"
+  ]
+},
+  splitVariantProps(props) {
+    return helpers.splitProps(props, switchRecipeVariantKeys)
+  },
+  getVariantProps
+});
+
+exports.switchRecipe = switchRecipe;

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

@@ -0,0 +1,52 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const textFn = /* @__PURE__ */ createRecipe.createRecipe('text', {}, []);
+
+const textVariantMap = {
+  "variant": [
+    "heading"
+  ],
+  "size": [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+    "3xl",
+    "4xl",
+    "5xl",
+    "6xl",
+    "7xl"
+  ]
+};
+
+const textVariantKeys = Object.keys(textVariantMap);
+
+const text = /* @__PURE__ */ Object.assign(helpers.memo(textFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'text',
+  __getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: textVariantKeys,
+  variantMap: textVariantMap,
+  merge(recipe) {
+    return createRecipe.mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return helpers.splitProps(props, textVariantKeys)
+  },
+  getVariantProps: textFn.getVariantProps,
+});
+
+exports.text = text;

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

@@ -0,0 +1,59 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+'use strict';
+
+var helpers = require('../helpers.cjs');
+var createRecipe = require('./create-recipe.cjs');
+
+const tooltipDefaultVariants = {};
+const tooltipCompoundVariants = [];
+
+const tooltipSlotNames = [
+  [
+    "trigger",
+    "tooltip__trigger"
+  ],
+  [
+    "arrow",
+    "tooltip__arrow"
+  ],
+  [
+    "arrowTip",
+    "tooltip__arrowTip"
+  ],
+  [
+    "positioner",
+    "tooltip__positioner"
+  ],
+  [
+    "content",
+    "tooltip__content"
+  ]
+];
+const tooltipSlotFns = /* @__PURE__ */ tooltipSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe.createRecipe(slotKey, tooltipDefaultVariants, helpers.getSlotCompoundVariant(tooltipCompoundVariants, slotName))]);
+
+const tooltipFn = helpers.memo((props = {}) => {
+  return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+});
+
+const tooltipVariantKeys = [];
+const getVariantProps = (variants) => ({ ...tooltipDefaultVariants, ...helpers.compact(variants) });
+
+const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
+  __recipe__: false,
+  __name__: 'tooltip',
+  raw: (props) => props,
+  variantKeys: tooltipVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return helpers.splitProps(props, tooltipVariantKeys)
+  },
+  getVariantProps
+});
+
+exports.tooltip = tooltip;