@membranehq/react 0.5.0 → 0.5.2

package/dist/types/styled-system/recipes/splitter.d.ts

@@ -10,13 +10,16 @@ type SplitterVariantMap = {
   [key in keyof SplitterVariant]: Array<SplitterVariant[key]>
 }
 
+type SplitterSlot = "root" | "panel" | "resizeTrigger"
+
 export type SplitterVariantProps = {
   [key in keyof SplitterVariant]?: ConditionalValue<SplitterVariant[key]> | undefined
 }
 
 export interface SplitterRecipe {
+  __slot: SplitterSlot
   __type: SplitterVariantProps
-  (props?: SplitterVariantProps): Pretty<Record<"root" | "panel" | "resizeTrigger", string>>
+  (props?: SplitterVariantProps): Pretty<Record<SplitterSlot, string>>
   raw: (props?: SplitterVariantProps) => SplitterVariantProps
   variantMap: SplitterVariantMap
   variantKeys: Array<keyof SplitterVariant>

package/dist/types/styled-system/recipes/switch-recipe.d.ts

@@ -13,13 +13,16 @@ type SwitchRecipeVariantMap = {
   [key in keyof SwitchRecipeVariant]: Array<SwitchRecipeVariant[key]>
 }
 
+type SwitchRecipeSlot = "root" | "label" | "control" | "thumb"
+
 export type SwitchRecipeVariantProps = {
   [key in keyof SwitchRecipeVariant]?: ConditionalValue<SwitchRecipeVariant[key]> | undefined
 }
 
 export interface SwitchRecipeRecipe {
+  __slot: SwitchRecipeSlot
   __type: SwitchRecipeVariantProps
-  (props?: SwitchRecipeVariantProps): Pretty<Record<"root" | "label" | "control" | "thumb", string>>
+  (props?: SwitchRecipeVariantProps): Pretty<Record<SwitchRecipeSlot, string>>
   raw: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps
   variantMap: SwitchRecipeVariantMap
   variantKeys: Array<keyof SwitchRecipeVariant>

package/dist/types/styled-system/recipes/table.d.ts

@@ -17,13 +17,16 @@ type TableVariantMap = {
   [key in keyof TableVariant]: Array<TableVariant[key]>
 }
 
+type TableSlot = "root" | "body" | "cell" | "footer" | "head" | "header" | "row" | "caption"
+
 export type TableVariantProps = {
   [key in keyof TableVariant]?: ConditionalValue<TableVariant[key]> | undefined
 }
 
 export interface TableRecipe {
+  __slot: TableSlot
   __type: TableVariantProps
-  (props?: TableVariantProps): Pretty<Record<"root" | "body" | "cell" | "footer" | "head" | "header" | "row" | "caption", string>>
+  (props?: TableVariantProps): Pretty<Record<TableSlot, string>>
   raw: (props?: TableVariantProps) => TableVariantProps
   variantMap: TableVariantMap
   variantKeys: Array<keyof TableVariant>

package/dist/types/styled-system/recipes/tabs.d.ts

@@ -17,13 +17,16 @@ type TabsVariantMap = {
   [key in keyof TabsVariant]: Array<TabsVariant[key]>
 }
 
+type TabsSlot = "root" | "list" | "trigger" | "content" | "indicator"
+
 export type TabsVariantProps = {
   [key in keyof TabsVariant]?: TabsVariant[key] | undefined
 }
 
 export interface TabsRecipe {
+  __slot: TabsSlot
   __type: TabsVariantProps
-  (props?: TabsVariantProps): Pretty<Record<"root" | "list" | "trigger" | "content" | "indicator", string>>
+  (props?: TabsVariantProps): Pretty<Record<TabsSlot, string>>
   raw: (props?: TabsVariantProps) => TabsVariantProps
   variantMap: TabsVariantMap
   variantKeys: Array<keyof TabsVariant>

package/dist/types/styled-system/recipes/tags-input.d.ts

@@ -13,13 +13,16 @@ type TagsInputVariantMap = {
   [key in keyof TagsInputVariant]: Array<TagsInputVariant[key]>
 }
 
+type TagsInputSlot = "root" | "label" | "control" | "input" | "clearTrigger" | "item" | "itemPreview" | "itemInput" | "itemText" | "itemDeleteTrigger"
+
 export type TagsInputVariantProps = {
   [key in keyof TagsInputVariant]?: ConditionalValue<TagsInputVariant[key]> | undefined
 }
 
 export interface TagsInputRecipe {
+  __slot: TagsInputSlot
   __type: TagsInputVariantProps
-  (props?: TagsInputVariantProps): Pretty<Record<"root" | "label" | "control" | "input" | "clearTrigger" | "item" | "itemPreview" | "itemInput" | "itemText" | "itemDeleteTrigger", string>>
+  (props?: TagsInputVariantProps): Pretty<Record<TagsInputSlot, string>>
   raw: (props?: TagsInputVariantProps) => TagsInputVariantProps
   variantMap: TagsInputVariantMap
   variantKeys: Array<keyof TagsInputVariant>

package/dist/types/styled-system/recipes/text.d.ts

@@ -11,11 +11,14 @@ type TextVariantMap = {
   [key in keyof TextVariant]: Array<TextVariant[key]>
 }
 
+
+
 export type TextVariantProps = {
   [key in keyof TextVariant]?: ConditionalValue<TextVariant[key]> | undefined
 }
 
 export interface TextRecipe {
+  
   __type: TextVariantProps
   (props?: TextVariantProps): string
   raw: (props?: TextVariantProps) => TextVariantProps

package/dist/types/styled-system/recipes/textarea.d.ts

@@ -13,11 +13,14 @@ type TextareaVariantMap = {
   [key in keyof TextareaVariant]: Array<TextareaVariant[key]>
 }
 
+
+
 export type TextareaVariantProps = {
   [key in keyof TextareaVariant]?: ConditionalValue<TextareaVariant[key]> | undefined
 }
 
 export interface TextareaRecipe {
+  
   __type: TextareaVariantProps
   (props?: TextareaVariantProps): string
   raw: (props?: TextareaVariantProps) => TextareaVariantProps

package/dist/types/styled-system/recipes/toast.d.ts

@@ -10,13 +10,16 @@ type ToastVariantMap = {
   [key in keyof ToastVariant]: Array<ToastVariant[key]>
 }
 
+type ToastSlot = "group" | "root" | "title" | "description" | "actionTrigger" | "closeTrigger"
+
 export type ToastVariantProps = {
   [key in keyof ToastVariant]?: ConditionalValue<ToastVariant[key]> | undefined
 }
 
 export interface ToastRecipe {
+  __slot: ToastSlot
   __type: ToastVariantProps
-  (props?: ToastVariantProps): Pretty<Record<"group" | "root" | "title" | "description" | "actionTrigger" | "closeTrigger", string>>
+  (props?: ToastVariantProps): Pretty<Record<ToastSlot, string>>
   raw: (props?: ToastVariantProps) => ToastVariantProps
   variantMap: ToastVariantMap
   variantKeys: Array<keyof ToastVariant>

package/dist/types/styled-system/recipes/toggle-group.d.ts

@@ -17,13 +17,16 @@ type ToggleGroupVariantMap = {
   [key in keyof ToggleGroupVariant]: Array<ToggleGroupVariant[key]>
 }
 
+type ToggleGroupSlot = "root" | "item"
+
 export type ToggleGroupVariantProps = {
   [key in keyof ToggleGroupVariant]?: ConditionalValue<ToggleGroupVariant[key]> | undefined
 }
 
 export interface ToggleGroupRecipe {
+  __slot: ToggleGroupSlot
   __type: ToggleGroupVariantProps
-  (props?: ToggleGroupVariantProps): Pretty<Record<"root" | "item", string>>
+  (props?: ToggleGroupVariantProps): Pretty<Record<ToggleGroupSlot, string>>
   raw: (props?: ToggleGroupVariantProps) => ToggleGroupVariantProps
   variantMap: ToggleGroupVariantMap
   variantKeys: Array<keyof ToggleGroupVariant>

package/dist/types/styled-system/recipes/tooltip.d.ts

@@ -10,13 +10,16 @@ type TooltipVariantMap = {
   [key in keyof TooltipVariant]: Array<TooltipVariant[key]>
 }
 
+type TooltipSlot = "trigger" | "arrow" | "arrowTip" | "positioner" | "content"
+
 export type TooltipVariantProps = {
   [key in keyof TooltipVariant]?: ConditionalValue<TooltipVariant[key]> | undefined
 }
 
 export interface TooltipRecipe {
+  __slot: TooltipSlot
   __type: TooltipVariantProps
-  (props?: TooltipVariantProps): Pretty<Record<"trigger" | "arrow" | "arrowTip" | "positioner" | "content", string>>
+  (props?: TooltipVariantProps): Pretty<Record<TooltipSlot, string>>
   raw: (props?: TooltipVariantProps) => TooltipVariantProps
   variantMap: TooltipVariantMap
   variantKeys: Array<keyof TooltipVariant>

package/dist/types/styled-system/recipes/tree-view.d.ts

@@ -10,13 +10,16 @@ type TreeViewVariantMap = {
   [key in keyof TreeViewVariant]: Array<TreeViewVariant[key]>
 }
 
+type TreeViewSlot = "root" | "label" | "tree" | "item" | "itemIndicator" | "itemText" | "branch" | "branchControl" | "branchTrigger" | "branchContent" | "branchText" | "branchIndicator" | "branchIndentGuide" | "branchIndentGuide"
+
 export type TreeViewVariantProps = {
   [key in keyof TreeViewVariant]?: ConditionalValue<TreeViewVariant[key]> | undefined
 }
 
 export interface TreeViewRecipe {
+  __slot: TreeViewSlot
   __type: TreeViewVariantProps
-  (props?: TreeViewVariantProps): Pretty<Record<"root" | "label" | "tree" | "item" | "itemIndicator" | "itemText" | "branch" | "branchControl" | "branchTrigger" | "branchContent" | "branchText" | "branchIndicator" | "branchIndentGuide" | "branchIndentGuide", string>>
+  (props?: TreeViewVariantProps): Pretty<Record<TreeViewSlot, string>>
   raw: (props?: TreeViewVariantProps) => TreeViewVariantProps
   variantMap: TreeViewVariantMap
   variantKeys: Array<keyof TreeViewVariant>

package/dist/types/styled-system/types/conditions.d.ts

@@ -46,7 +46,7 @@ export interface Conditions {
 	"_firstLetter": string
 	/** `&::first-line` */
 	"_firstLine": string
-	/** `&::marker` */
+	/** `&:is(::marker, ::-webkit-details-marker)` */
 	"_marker": string
 	/** `&::selection` */
 	"_selection": string
@@ -142,7 +142,7 @@ export interface Conditions {
 	"_default": string
 	/** `&:optional` */
 	"_optional": string
-	/** `&:is([open], [data-open], [data-state="open"])` */
+	/** `&:is([open], [data-open], [data-state="open"], :popover-open)` */
 	"_open": string
 	/** `&:is([closed], [data-closed], [data-state="closed"])` */
 	"_closed": string
@@ -194,9 +194,9 @@ export interface Conditions {
 	"_lessContrast": string
 	/** `@media (prefers-contrast: more)` */
 	"_moreContrast": string
-	/** `[dir=ltr] &` */
+	/** `:where([dir=ltr], :dir(ltr)) &` */
 	"_ltr": string
-	/** `[dir=rtl] &` */
+	/** `:where([dir=rtl], :dir(rtl)) &` */
 	"_rtl": string
 	/** `&::-webkit-scrollbar` */
 	"_scrollbar": string
@@ -212,6 +212,10 @@ export interface Conditions {
 	"_icon": string
 	/** `@starting-style` */
 	"_starting": string
+	/** `@media (scripting: none)` */
+	"_noscript": string
+	/** `@media (inverted-colors: inverted)` */
+	"_invertedColors": string
 	/** `&:is([aria-collapsed=true], [data-collapsed], [data-state="collapsed"])` */
 	"_collapsed": string
 	/** `&:is([data-state="off"])` */

package/dist/types/styled-system/types/jsx.d.ts

@@ -23,7 +23,8 @@ interface RecipeFn {
 interface JsxFactoryOptions<TProps extends Dict> {
   dataAttr?: boolean
   defaultProps?: TProps
-  shouldForwardProp?(prop: string, variantKeys: string[]): boolean
+  shouldForwardProp?: (prop: string, variantKeys: string[]) => boolean
+  forwardProps?: string[]
 }
 
 export type JsxRecipeProps<T extends ElementType, P extends Dict> = JsxHTMLProps<ComponentProps<T>, P>;

package/dist/types/styled-system/types/prop-type.d.ts

@@ -70,6 +70,7 @@ export interface UtilityValues {
 	minBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
 	maxHeight: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
 	maxBlockSize: "auto" | Tokens["sizes"] | "svh" | "lvh" | "dvh" | "screen" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6";
+	boxSize: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
 	color: Tokens["colors"];
 	fontFamily: Tokens["fonts"];
 	fontSize: Tokens["fontSizes"];
@@ -87,6 +88,7 @@ export interface UtilityValues {
 	background: Tokens["colors"];
 	backgroundColor: Tokens["colors"];
 	backgroundGradient: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
+	backgroundLinear: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
 	textGradient: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
 	gradientFrom: Tokens["colors"];
 	gradientTo: Tokens["colors"];

package/dist/types/styled-system/types/style-props.d.ts

@@ -6992,6 +6992,9 @@ bgBlendMode?: ConditionalValue<CssProperties["backgroundBlendMode"] | AnyString>
    */
 bgSize?: ConditionalValue<CssProperties["backgroundSize"] | AnyString>
  bgGradient?: ConditionalValue<UtilityValues["backgroundGradient"] | CssVars | AnyString>
+ bgLinear?: ConditionalValue<UtilityValues["backgroundLinear"] | CssVars | AnyString>
+ bgRadial?: ConditionalValue<string | number | AnyString>
+ bgConic?: ConditionalValue<string | number | AnyString>
  /**
    * The **`border-radius`** CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
    *
@@ -7363,9 +7366,13 @@ scrollPaddingX?: ConditionalValue<UtilityValues["scrollPaddingInline"] | CssVars
  divideY?: ConditionalValue<string | number | AnyString>
  divideColor?: ConditionalValue<UtilityValues["divideColor"] | CssVars | AnyString>
  divideStyle?: ConditionalValue<UtilityValues["divideStyle"] | CssVars | AnyString>
+ boxSize?: ConditionalValue<UtilityValues["boxSize"] | CssVars | AnyString>
  fontSmoothing?: ConditionalValue<UtilityValues["fontSmoothing"] | CssVars | AnyString>
  truncate?: ConditionalValue<UtilityValues["truncate"] | CssVars | AnyString>
  backgroundGradient?: ConditionalValue<UtilityValues["backgroundGradient"] | CssVars | AnyString>
+ backgroundLinear?: ConditionalValue<UtilityValues["backgroundLinear"] | CssVars | AnyString>
+ backgroundRadial?: ConditionalValue<string | number | AnyString>
+ backgroundConic?: ConditionalValue<string | number | AnyString>
  textGradient?: ConditionalValue<UtilityValues["textGradient"] | CssVars | AnyString>
  gradientFromPosition?: ConditionalValue<string | number | AnyString>
  gradientToPosition?: ConditionalValue<string | number | AnyString>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@membranehq/react",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "",
   "author": "Integration App, Inc",
   "type": "module",
@@ -30,7 +30,7 @@
     "@ark-ui/react": "^4.9.2",
     "@floating-ui/react": "^0.27.13",
     "@lexical/react": "^0.33.1",
-    "@membranehq/sdk": "^0.5.0",
+    "@membranehq/sdk": "^0.5.1",
     "@popperjs/core": "^2.11.8",
     "@tabler/icons-react": "^3.34.0",
     "awesome-debounce-promise": "^2.1.0",