@membranehq/react 0.1.0

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

@@ -0,0 +1,77 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { memo, compact, splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+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(slotKey, popoverDefaultVariants, getSlotCompoundVariant(popoverCompoundVariants, slotName))]);
+
+const popoverFn = memo((props = {}) => {
+  return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+});
+
+const popoverVariantKeys = [];
+const getVariantProps = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) });
+
+const popover = /* @__PURE__ */ Object.assign(popoverFn, {
+  __recipe__: false,
+  __name__: 'popover',
+  raw: (props) => props,
+  variantKeys: popoverVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, popoverVariantKeys)
+  },
+  getVariantProps
+});
+
+export { popover };

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

@@ -0,0 +1,33 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const skeletonFn = /* @__PURE__ */ createRecipe('skeleton', {}, []);
+
+const skeletonVariantMap = {};
+
+const skeletonVariantKeys = Object.keys(skeletonVariantMap);
+
+const skeleton = /* @__PURE__ */ Object.assign(memo(skeletonFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'skeleton',
+  __getCompoundVariantCss__: skeletonFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: skeletonVariantKeys,
+  variantMap: skeletonVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, skeletonVariantKeys)
+  },
+  getVariantProps: skeletonFn.getVariantProps,
+});
+
+export { skeleton };

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

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

package/dist/esm/styled-system/recipes/switch-recipe.mjs

@@ -0,0 +1,63 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { memo, compact, splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+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(slotKey, switchRecipeDefaultVariants, getSlotCompoundVariant(switchRecipeCompoundVariants, slotName))]);
+
+const switchRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(switchRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+});
+
+const switchRecipeVariantKeys = [
+  "size"
+];
+const getVariantProps = (variants) => ({ ...switchRecipeDefaultVariants, ...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 splitProps(props, switchRecipeVariantKeys)
+  },
+  getVariantProps
+});
+
+export { switchRecipe };

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

@@ -0,0 +1,50 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const textFn = /* @__PURE__ */ 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(memo(textFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'text',
+  __getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: textVariantKeys,
+  variantMap: textVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, textVariantKeys)
+  },
+  getVariantProps: textFn.getVariantProps,
+});
+
+export { text };

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

@@ -0,0 +1,57 @@
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@membranehq/react}
+ * v0.1.0
+ */
+'use client';
+
+import { memo, compact, splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+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(slotKey, tooltipDefaultVariants, getSlotCompoundVariant(tooltipCompoundVariants, slotName))]);
+
+const tooltipFn = memo((props = {}) => {
+  return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+});
+
+const tooltipVariantKeys = [];
+const getVariantProps = (variants) => ({ ...tooltipDefaultVariants, ...compact(variants) });
+
+const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
+  __recipe__: false,
+  __name__: 'tooltip',
+  raw: (props) => props,
+  variantKeys: tooltipVariantKeys,
+  variantMap: {},
+  splitVariantProps(props) {
+    return splitProps(props, tooltipVariantKeys)
+  },
+  getVariantProps
+});
+
+export { tooltip };