@membranehq/react 0.5.0 → 0.5.1

package/dist/esm/ui-kit/styled/avatar.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/styled/badge.mjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { ark } from '@ark-ui/react/factory';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import { badge } from '../../styled-system/recipes/badge.mjs';
 import '../../styled-system/css/conditions.mjs';

package/dist/esm/ui-kit/styled/button.mjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { ark } from '@ark-ui/react';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { button } from '../../styled-system/recipes/button.mjs';

package/dist/esm/ui-kit/styled/icon-button.mjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { ark } from '@ark-ui/react/factory';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { button } from '../../styled-system/recipes/button.mjs';

package/dist/esm/ui-kit/styled/icon.mjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { ark } from '@ark-ui/react/factory';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { icon } from '../../styled-system/recipes/icon.mjs';

package/dist/esm/ui-kit/styled/input.mjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { ark } from '@ark-ui/react/factory';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { input } from '../../styled-system/recipes/input.mjs';

package/dist/esm/ui-kit/styled/menu.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/styled/popover.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/styled/radio-group.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/styled/skeleton.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
@@ -12,8 +12,8 @@ import { forwardRef } from 'react';
 import { ark } from '@ark-ui/react/factory';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { skeleton } from '../../styled-system/recipes/skeleton.mjs';

package/dist/esm/ui-kit/styled/spinner.mjs

@@ -2,16 +2,16 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { ark } from '@ark-ui/react';
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { spinner } from '../../styled-system/recipes/spinner.mjs';

package/dist/esm/ui-kit/styled/switch.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/styled/text.mjs

@@ -2,15 +2,15 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 
 import { styled } from '../../styled-system/jsx/factory.mjs';
 import '../../styled-system/jsx/is-valid-prop.mjs';
-import 'react';
-import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/css.mjs';
+import '../../styled-system/helpers.mjs';
+import 'react';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import '../../styled-system/css/conditions.mjs';
 import { text } from '../../styled-system/recipes/text.mjs';

package/dist/esm/ui-kit/styled/tooltip.mjs

@@ -3,7 +3,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/esm/ui-kit/switch.mjs

@@ -2,7 +2,7 @@
 /*
  * Membrane React package
  * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.5.0
+ * v0.5.1
  */
 'use client';
 

package/dist/styles.css

@@ -2555,7 +2555,7 @@
       max-width: var(--iap-sizes-2xs);
 }
 
-    .iap-tooltip__content:is([open], [data-open], [data-state="open"]) {
+    .iap-tooltip__content:is([open], [data-open], [data-state="open"], :popover-open) {
       animation: fadeIn 0.25s ease-out;
 }
 
@@ -2588,7 +2588,7 @@
       max-width: var(--iap-sizes-sm);
 }
 
-    .iap-popover__content:is([open], [data-open], [data-state="open"]) {
+    .iap-popover__content:is([open], [data-open], [data-state="open"], :popover-open) {
       animation: fadeIn 0.25s ease-out;
 }
 
@@ -2624,7 +2624,7 @@
       width: calc(100% + 2rem);
 }
 
-    .iap-menu__content:is([open], [data-open], [data-state="open"]) {
+    .iap-menu__content:is([open], [data-open], [data-state="open"], :popover-open) {
       animation: fadeIn 0.25s ease-out;
 }
 
@@ -4130,9 +4130,9 @@
 }
 
   .iap-bg-grad_to-r {
-    --gradient-stops: var(--gradient-via-stops, var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
-    --gradient: var(--gradient-via-stops, var(--gradient-stops));
-    background-image: linear-gradient(to right, var(--gradient));
+    --gradient-stops: var(--gradient-via-stops, var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
+    --gradient-position: to right;
+    background-image: linear-gradient(var(--gradient-stops));
 }
 
   .iap-grad-from_transparent {
@@ -4874,7 +4874,8 @@
 
   .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-grad-via_colorPalette\.4\!:hover .editor-tag-badge__close-button-container {
     --gradient-via: var(--iap-colors-color-palette-4) !important;
-    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position) !important;
+    --gradient-stops: var(--gradient-via-stops) !important;
+    --gradient-via-stops: var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position) !important;
 }
 
   .\[\&\:hover_\.editor-tag-badge__close-button-container\]\:iap-grad-to_colorPalette\.4\!:hover .editor-tag-badge__close-button-container {
@@ -4969,7 +4970,8 @@
 
   [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_colorPalette\.5 .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_colorPalette\.5 .editor-tag-badge__close-button-container {
     --gradient-via: var(--iap-colors-color-palette-5);
-    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
+    --gradient-stops: var(--gradient-via-stops);
+    --gradient-via-stops: var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
 }
 
   [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_colorPalette\.5 .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_colorPalette\.5 .editor-tag-badge__close-button-container {
@@ -4978,7 +4980,8 @@
 
   [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_transparent .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-via_transparent .editor-tag-badge__close-button-container {
     --gradient-via: var(--iap-colors-transparent);
-    --gradient-stops: var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
+    --gradient-stops: var(--gradient-via-stops);
+    --gradient-via-stops: var(--gradient-position), var(--gradient-from) var(--gradient-from-position), var(--gradient-via) var(--gradient-via-position), var(--gradient-to) var(--gradient-to-position);
 }
 
   [data-selected='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_transparent .editor-tag-badge__close-button-container,[data-tag-dropdown-open='true'] .\[\[data-selected\=\'true\'\]_\&\,_\[data-tag-dropdown-open\=\'true\'\]_\&\]\:\[\&_\.editor-tag-badge__close-button-container\]\:iap-grad-to_transparent .editor-tag-badge__close-button-container {

package/dist/types/components/SvgIcon/svg-icon-type.d.ts

@@ -1,7 +1,6 @@
 export declare enum SvgIconType {
     Add = "Add",
     AlertCircle = "AlertCircle",
-    AlertOctagon = "AlertOctagon",
     AlertTriangle = "AlertTriangle",
     Array = "Array",
     ArrowRight = "ArrowRight",
@@ -14,8 +13,6 @@ export declare enum SvgIconType {
     ChevronUp = "ChevronUp",
     Close = "Close",
     Copy = "Copy",
-    DefaultWorkspaceIcon = "DefaultWorkspaceIcon",
-    Delete = "Delete",
     Edit = "Edit",
     Function = "Function",
     InfoCircle = "InfoCircle",
@@ -23,11 +20,7 @@ export declare enum SvgIconType {
     ListOption = "ListOption",
     Loader = "Loader",
     Lookup = "Lookup",
-    PlayerPlay = "PlayerPlay",
-    PlayerPlayFilled = "PlayerPlayFilled",
     QuestionMark = "QuestionMark",
-    Refresh = "Refresh",
-    Reset = "Reset",
     SchemaType_array = "SchemaTypeArray",
     SchemaType_boolean = "SchemaTypeBoolean",
     SchemaType_connection = "SchemaTypeConnection",
@@ -38,7 +31,6 @@ export declare enum SvgIconType {
     SchemaType_string = "SchemaTypeString",
     Search = "Search",
     Settings = "Settings",
-    ThreeDots = "ThreeDots",
     Unlink = "Unlink",
     ValueMapping = "ValueMapping",
     Variable = "Variable",

package/dist/types/styled-system/jsx/create-style-context.d.ts

@@ -0,0 +1,47 @@
+/* eslint-disable */
+import type { SlotRecipeRuntimeFn, RecipeVariantProps } from '../types/recipe';
+import type { JsxHTMLProps, JsxStyleProps, Assign } from '../types/system-types';
+import type { JsxFactoryOptions } from '../types/jsx';
+import type { ComponentType, ElementType, ComponentPropsWithoutRef, ElementRef, Ref } from 'react'
+
+interface UnstyledProps {
+  unstyled?: boolean
+}
+
+type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
+interface SlotRecipeFn {
+  __type: any
+  __slot: string
+  (props?: any): any
+}
+type SlotRecipe = SvaFn | SlotRecipeFn
+
+type InferSlot<R extends SlotRecipe> = R extends SlotRecipeFn ? R['__slot'] : R extends SvaFn<infer S> ? S : never
+
+type ComponentProps<T extends ElementType> = Omit<ComponentPropsWithoutRef<T>, 'ref'> & {
+  ref?: Ref<ElementRef<T>>
+}
+
+type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+>
+
+type StyleContextConsumer<T extends ElementType> = ComponentType<
+  JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
+>
+
+export interface StyleContext<R extends SlotRecipe> {
+  withRootProvider: <T extends ElementType>(Component: T) => StyleContextProvider<T, R>
+  withProvider: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>>
+  ) => StyleContextProvider<T, R>
+  withContext: <T extends ElementType>(
+    Component: T,
+    slot: InferSlot<R>,
+    options?: JsxFactoryOptions<ComponentProps<T>>
+  ) => StyleContextConsumer<T>
+}
+
+export declare function createStyleContext<R extends SlotRecipe>(recipe: R): StyleContext<R>

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

@@ -1,6 +1,7 @@
 /* eslint-disable */
 export * from './factory';
 export * from './is-valid-prop';
+export * from './create-style-context';
 export * from './box';
 export * from './flex';
 export * from './stack';

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

@@ -13,13 +13,16 @@ type AccordionVariantMap = {
   [key in keyof AccordionVariant]: Array<AccordionVariant[key]>
 }
 
+type AccordionSlot = "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator"
+
 export type AccordionVariantProps = {
   [key in keyof AccordionVariant]?: ConditionalValue<AccordionVariant[key]> | undefined
 }
 
 export interface AccordionRecipe {
+  __slot: AccordionSlot
   __type: AccordionVariantProps
-  (props?: AccordionVariantProps): Pretty<Record<"root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator", string>>
+  (props?: AccordionVariantProps): Pretty<Record<AccordionSlot, string>>
   raw: (props?: AccordionVariantProps) => AccordionVariantProps
   variantMap: AccordionVariantMap
   variantKeys: Array<keyof AccordionVariant>

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

@@ -10,13 +10,16 @@ type AlertVariantMap = {
   [key in keyof AlertVariant]: Array<AlertVariant[key]>
 }
 
+type AlertSlot = "root" | "content" | "description" | "icon" | "title"
+
 export type AlertVariantProps = {
   [key in keyof AlertVariant]?: ConditionalValue<AlertVariant[key]> | undefined
 }
 
 export interface AlertRecipe {
+  __slot: AlertSlot
   __type: AlertVariantProps
-  (props?: AlertVariantProps): Pretty<Record<"root" | "content" | "description" | "icon" | "title", string>>
+  (props?: AlertVariantProps): Pretty<Record<AlertSlot, string>>
   raw: (props?: AlertVariantProps) => AlertVariantProps
   variantMap: AlertVariantMap
   variantKeys: Array<keyof AlertVariant>

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

@@ -13,13 +13,16 @@ type AvatarVariantMap = {
   [key in keyof AvatarVariant]: Array<AvatarVariant[key]>
 }
 
+type AvatarSlot = "root" | "image" | "fallback"
+
 export type AvatarVariantProps = {
   [key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]> | undefined
 }
 
 export interface AvatarRecipe {
+  __slot: AvatarSlot
   __type: AvatarVariantProps
-  (props?: AvatarVariantProps): Pretty<Record<"root" | "image" | "fallback", string>>
+  (props?: AvatarVariantProps): Pretty<Record<AvatarSlot, string>>
   raw: (props?: AvatarVariantProps) => AvatarVariantProps
   variantMap: AvatarVariantMap
   variantKeys: Array<keyof AvatarVariant>

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

@@ -17,11 +17,14 @@ type BadgeVariantMap = {
   [key in keyof BadgeVariant]: Array<BadgeVariant[key]>
 }
 
+
+
 export type BadgeVariantProps = {
   [key in keyof BadgeVariant]?: ConditionalValue<BadgeVariant[key]> | undefined
 }
 
 export interface BadgeRecipe {
+  
   __type: BadgeVariantProps
   (props?: BadgeVariantProps): string
   raw: (props?: BadgeVariantProps) => BadgeVariantProps

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

@@ -17,11 +17,14 @@ type ButtonVariantMap = {
   [key in keyof ButtonVariant]: Array<ButtonVariant[key]>
 }
 
+
+
 export type ButtonVariantProps = {
   [key in keyof ButtonVariant]?: ConditionalValue<ButtonVariant[key]> | undefined
 }
 
 export interface ButtonRecipe {
+  
   __type: ButtonVariantProps
   (props?: ButtonVariantProps): string
   raw: (props?: ButtonVariantProps) => ButtonVariantProps

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

@@ -10,13 +10,16 @@ type CardVariantMap = {
   [key in keyof CardVariant]: Array<CardVariant[key]>
 }
 
+type CardSlot = "root" | "header" | "body" | "footer" | "title" | "description"
+
 export type CardVariantProps = {
   [key in keyof CardVariant]?: ConditionalValue<CardVariant[key]> | undefined
 }
 
 export interface CardRecipe {
+  __slot: CardSlot
   __type: CardVariantProps
-  (props?: CardVariantProps): Pretty<Record<"root" | "header" | "body" | "footer" | "title" | "description", string>>
+  (props?: CardVariantProps): Pretty<Record<CardSlot, string>>
   raw: (props?: CardVariantProps) => CardVariantProps
   variantMap: CardVariantMap
   variantKeys: Array<keyof CardVariant>

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

@@ -13,13 +13,16 @@ type CarouselVariantMap = {
   [key in keyof CarouselVariant]: Array<CarouselVariant[key]>
 }
 
+type CarouselSlot = "root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger"
+
 export type CarouselVariantProps = {
   [key in keyof CarouselVariant]?: ConditionalValue<CarouselVariant[key]> | undefined
 }
 
 export interface CarouselRecipe {
+  __slot: CarouselSlot
   __type: CarouselVariantProps
-  (props?: CarouselVariantProps): Pretty<Record<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger", string>>
+  (props?: CarouselVariantProps): Pretty<Record<CarouselSlot, string>>
   raw: (props?: CarouselVariantProps) => CarouselVariantProps
   variantMap: CarouselVariantMap
   variantKeys: Array<keyof CarouselVariant>

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

@@ -13,13 +13,16 @@ type CheckboxVariantMap = {
   [key in keyof CheckboxVariant]: Array<CheckboxVariant[key]>
 }
 
+type CheckboxSlot = "root" | "label" | "control" | "indicator" | "group"
+
 export type CheckboxVariantProps = {
   [key in keyof CheckboxVariant]?: ConditionalValue<CheckboxVariant[key]> | undefined
 }
 
 export interface CheckboxRecipe {
+  __slot: CheckboxSlot
   __type: CheckboxVariantProps
-  (props?: CheckboxVariantProps): Pretty<Record<"root" | "label" | "control" | "indicator" | "group", string>>
+  (props?: CheckboxVariantProps): Pretty<Record<CheckboxSlot, string>>
   raw: (props?: CheckboxVariantProps) => CheckboxVariantProps
   variantMap: CheckboxVariantMap
   variantKeys: Array<keyof CheckboxVariant>

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

@@ -10,13 +10,16 @@ type ClipboardVariantMap = {
   [key in keyof ClipboardVariant]: Array<ClipboardVariant[key]>
 }
 
+type ClipboardSlot = "root" | "control" | "trigger" | "indicator" | "input" | "label"
+
 export type ClipboardVariantProps = {
   [key in keyof ClipboardVariant]?: ConditionalValue<ClipboardVariant[key]> | undefined
 }
 
 export interface ClipboardRecipe {
+  __slot: ClipboardSlot
   __type: ClipboardVariantProps
-  (props?: ClipboardVariantProps): Pretty<Record<"root" | "control" | "trigger" | "indicator" | "input" | "label", string>>
+  (props?: ClipboardVariantProps): Pretty<Record<ClipboardSlot, string>>
   raw: (props?: ClipboardVariantProps) => ClipboardVariantProps
   variantMap: ClipboardVariantMap
   variantKeys: Array<keyof ClipboardVariant>

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

@@ -17,11 +17,14 @@ type CodeVariantMap = {
   [key in keyof CodeVariant]: Array<CodeVariant[key]>
 }
 
+
+
 export type CodeVariantProps = {
   [key in keyof CodeVariant]?: ConditionalValue<CodeVariant[key]> | undefined
 }
 
 export interface CodeRecipe {
+  
   __type: CodeVariantProps
   (props?: CodeVariantProps): string
   raw: (props?: CodeVariantProps) => CodeVariantProps

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

@@ -10,13 +10,16 @@ type CollapsibleVariantMap = {
   [key in keyof CollapsibleVariant]: Array<CollapsibleVariant[key]>
 }
 
+type CollapsibleSlot = "root" | "trigger" | "content"
+
 export type CollapsibleVariantProps = {
   [key in keyof CollapsibleVariant]?: ConditionalValue<CollapsibleVariant[key]> | undefined
 }
 
 export interface CollapsibleRecipe {
+  __slot: CollapsibleSlot
   __type: CollapsibleVariantProps
-  (props?: CollapsibleVariantProps): Pretty<Record<"root" | "trigger" | "content", string>>
+  (props?: CollapsibleVariantProps): Pretty<Record<CollapsibleSlot, string>>
   raw: (props?: CollapsibleVariantProps) => CollapsibleVariantProps
   variantMap: CollapsibleVariantMap
   variantKeys: Array<keyof CollapsibleVariant>

package/dist/types/styled-system/recipes/color-picker.d.ts

@@ -10,13 +10,16 @@ type ColorPickerVariantMap = {
   [key in keyof ColorPickerVariant]: Array<ColorPickerVariant[key]>
 }
 
+type ColorPickerSlot = "root" | "label" | "control" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view"
+
 export type ColorPickerVariantProps = {
   [key in keyof ColorPickerVariant]?: ConditionalValue<ColorPickerVariant[key]> | undefined
 }
 
 export interface ColorPickerRecipe {
+  __slot: ColorPickerSlot
   __type: ColorPickerVariantProps
-  (props?: ColorPickerVariantProps): Pretty<Record<"root" | "label" | "control" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect" | "view", string>>
+  (props?: ColorPickerVariantProps): Pretty<Record<ColorPickerSlot, string>>
   raw: (props?: ColorPickerVariantProps) => ColorPickerVariantProps
   variantMap: ColorPickerVariantMap
   variantKeys: Array<keyof ColorPickerVariant>