@stokelp/styled-system 2.93.0 → 2.95.0

package/patterns/grid-item.d.ts

@@ -14,7 +14,6 @@ export interface GridItemProperties {
 	rowEnd?: ConditionalValue<number>
 }
 
-
 interface GridItemStyles extends GridItemProperties, DistributiveOmit<SystemStyleObject, keyof GridItemProperties > {}
 
 interface GridItemPatternFn {

package/patterns/grid.d.ts

@@ -13,7 +13,6 @@ export interface GridProperties {
 	minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>
 }
 
-
 interface GridStyles extends GridProperties, DistributiveOmit<SystemStyleObject, keyof GridProperties > {}
 
 interface GridPatternFn {

package/patterns/grid.mjs

@@ -15,7 +15,7 @@ transform(props15, { map, isCssUnit }) {
   };
 },
 defaultValues(props15) {
-  return { gap: props15.columnGap || props15.rowGap ? void 0 : "10px" };
+  return { gap: props15.columnGap || props15.rowGap ? void 0 : "8px" };
 }}
 
 export const getGridStyle = (styles = {}) => {

package/patterns/hstack.d.ts

@@ -10,7 +10,6 @@ export interface HstackProperties {
 	gap?: SystemProperties["gap"]
 }
 
-
 interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
 
 interface HstackPatternFn {

package/patterns/hstack.mjs

@@ -13,7 +13,7 @@ transform(props15) {
     ...rest
   };
 },
-defaultValues:{gap:'10px'}}
+defaultValues:{gap:'8px'}}
 
 export const getHstackStyle = (styles = {}) => {
   const _styles = getPatternStyles(hstackConfig, styles)

package/patterns/link-overlay.d.ts

@@ -9,7 +9,6 @@ export interface LinkOverlayProperties {
    
 }
 
-
 interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
 
 interface LinkOverlayPatternFn {

package/patterns/spacer.d.ts

@@ -9,7 +9,6 @@ export interface SpacerProperties {
    size?: ConditionalValue<Tokens["spacing"]>
 }
 
-
 interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
 
 interface SpacerPatternFn {

package/patterns/square.d.ts

@@ -9,7 +9,6 @@ export interface SquareProperties {
    size?: SystemProperties["width"]
 }
 
-
 interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
 
 interface SquarePatternFn {

package/patterns/stack.d.ts

@@ -12,7 +12,6 @@ export interface StackProperties {
 	gap?: SystemProperties["gap"]
 }
 
-
 interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
 
 interface StackPatternFn {

package/patterns/stack.mjs

@@ -13,7 +13,7 @@ transform(props15) {
     ...rest
   };
 },
-defaultValues:{direction:'column',gap:'10px'}}
+defaultValues:{direction:'column',gap:'8px'}}
 
 export const getStackStyle = (styles = {}) => {
   const _styles = getPatternStyles(stackConfig, styles)

package/patterns/visually-hidden.d.ts

@@ -9,7 +9,6 @@ export interface VisuallyHiddenProperties {
    
 }
 
-
 interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
 
 interface VisuallyHiddenPatternFn {

package/patterns/vstack.d.ts

@@ -10,7 +10,6 @@ export interface VstackProperties {
 	gap?: SystemProperties["gap"]
 }
 
-
 interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
 
 interface VstackPatternFn {

package/patterns/vstack.mjs

@@ -13,7 +13,7 @@ transform(props15) {
     ...rest
   };
 },
-defaultValues:{gap:'10px'}}
+defaultValues:{gap:'8px'}}
 
 export const getVstackStyle = (styles = {}) => {
   const _styles = getPatternStyles(vstackConfig, styles)

package/patterns/wrap.d.ts

@@ -13,7 +13,6 @@ export interface WrapProperties {
 	justify?: SystemProperties["justifyContent"]
 }
 
-
 interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
 
 interface WrapPatternFn {

package/patterns/wrap.mjs

@@ -3,7 +3,7 @@ import { css } from '../css/index.mjs';
 
 const wrapConfig = {
 transform(props15) {
-  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", align, justify, ...rest } = props15;
+  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "8px", align, justify, ...rest } = props15;
   return {
     display: "flex",
     flexWrap: "wrap",

package/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/recipes/accordion.mjs

@@ -43,6 +43,7 @@ export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   __recipe__: false,
   __name__: 'accordion',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: accordionVariantKeys,
   variantMap: {
   "size": [

package/recipes/action-card.d.ts

@@ -10,13 +10,16 @@ type ActionCardVariantMap = {
   [key in keyof ActionCardVariant]: Array<ActionCardVariant[key]>
 }
 
+type ActionCardSlot = "root" | "title" | "description" | "icon"
+
 export type ActionCardVariantProps = {
   [key in keyof ActionCardVariant]?: ConditionalValue<ActionCardVariant[key]> | undefined
 }
 
 export interface ActionCardRecipe {
+  __slot: ActionCardSlot
   __type: ActionCardVariantProps
-  (props?: ActionCardVariantProps): Pretty<Record<"root" | "title" | "description" | "icon", string>>
+  (props?: ActionCardVariantProps): Pretty<Record<ActionCardSlot, string>>
   raw: (props?: ActionCardVariantProps) => ActionCardVariantProps
   variantMap: ActionCardVariantMap
   variantKeys: Array<keyof ActionCardVariant>
@@ -26,7 +29,5 @@ export interface ActionCardRecipe {
 
 /**
  * The styles for the ActionCard component
-
-
  */
 export declare const actionCard: ActionCardRecipe

package/recipes/action-card.mjs

@@ -35,6 +35,7 @@ export const actionCard = /* @__PURE__ */ Object.assign(actionCardFn, {
   __recipe__: false,
   __name__: 'actionCard',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: actionCardVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/recipes/alert.d.ts

@@ -13,13 +13,16 @@ type AlertVariantMap = {
   [key in keyof AlertVariant]: Array<AlertVariant[key]>
 }
 
+type AlertSlot = "root" | "icon" | "title" | "description"
+
 export type AlertVariantProps = {
   [key in keyof AlertVariant]?: ConditionalValue<AlertVariant[key]> | undefined
 }
 
 export interface AlertRecipe {
+  __slot: AlertSlot
   __type: AlertVariantProps
-  (props?: AlertVariantProps): Pretty<Record<"root" | "icon" | "title" | "description", string>>
+  (props?: AlertVariantProps): Pretty<Record<AlertSlot, string>>
   raw: (props?: AlertVariantProps) => AlertVariantProps
   variantMap: AlertVariantMap
   variantKeys: Array<keyof AlertVariant>
@@ -29,7 +32,5 @@ export interface AlertRecipe {
 
 /**
  * The styles for the Alert component
-
-
  */
 export declare const alert: AlertRecipe

package/recipes/alert.mjs

@@ -39,6 +39,7 @@ export const alert = /* @__PURE__ */ Object.assign(alertFn, {
   __recipe__: false,
   __name__: 'alert',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: alertVariantKeys,
   variantMap: {
   "severity": [

package/recipes/app-navigation-language-select.d.ts

@@ -21,13 +21,16 @@ type AppNavigationLanguageSelectVariantMap = {
   [key in keyof AppNavigationLanguageSelectVariant]: Array<AppNavigationLanguageSelectVariant[key]>
 }
 
+type AppNavigationLanguageSelectSlot = "label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText"
+
 export type AppNavigationLanguageSelectVariantProps = {
   [key in keyof AppNavigationLanguageSelectVariant]?: ConditionalValue<AppNavigationLanguageSelectVariant[key]> | undefined
 }
 
 export interface AppNavigationLanguageSelectRecipe {
+  __slot: AppNavigationLanguageSelectSlot
   __type: AppNavigationLanguageSelectVariantProps
-  (props?: AppNavigationLanguageSelectVariantProps): Pretty<Record<"label" | "positioner" | "trigger" | "indicator" | "clearTrigger" | "item" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "list" | "content" | "root" | "control" | "valueText", string>>
+  (props?: AppNavigationLanguageSelectVariantProps): Pretty<Record<AppNavigationLanguageSelectSlot, string>>
   raw: (props?: AppNavigationLanguageSelectVariantProps) => AppNavigationLanguageSelectVariantProps
   variantMap: AppNavigationLanguageSelectVariantMap
   variantKeys: Array<keyof AppNavigationLanguageSelectVariant>

package/recipes/app-navigation-language-select.mjs

@@ -87,6 +87,7 @@ export const appNavigationLanguageSelect = /* @__PURE__ */ Object.assign(appNavi
   __recipe__: false,
   __name__: 'appNavigationLanguageSelect',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: appNavigationLanguageSelectVariantKeys,
   variantMap: {
   "isMiniaturized": [

package/recipes/app-navigation.d.ts

@@ -13,13 +13,16 @@ type AppNavigationVariantMap = {
   [key in keyof AppNavigationVariant]: Array<AppNavigationVariant[key]>
 }
 
+type AppNavigationSlot = "root" | "header" | "miniaturizeTrigger" | "body" | "item" | "itemLabel" | "itemIcon" | "itemAlpha" | "itemContent" | "itemSubItems" | "footer"
+
 export type AppNavigationVariantProps = {
   [key in keyof AppNavigationVariant]?: ConditionalValue<AppNavigationVariant[key]> | undefined
 }
 
 export interface AppNavigationRecipe {
+  __slot: AppNavigationSlot
   __type: AppNavigationVariantProps
-  (props?: AppNavigationVariantProps): Pretty<Record<"root" | "header" | "miniaturizeTrigger" | "body" | "item" | "itemLabel" | "itemIcon" | "itemAlpha" | "itemContent" | "itemSubItems" | "footer", string>>
+  (props?: AppNavigationVariantProps): Pretty<Record<AppNavigationSlot, string>>
   raw: (props?: AppNavigationVariantProps) => AppNavigationVariantProps
   variantMap: AppNavigationVariantMap
   variantKeys: Array<keyof AppNavigationVariant>
@@ -29,7 +32,5 @@ export interface AppNavigationRecipe {
 
 /**
  * The styles for the AppNavigation component
-
-
  */
 export declare const appNavigation: AppNavigationRecipe

package/recipes/app-navigation.mjs

@@ -67,6 +67,7 @@ export const appNavigation = /* @__PURE__ */ Object.assign(appNavigationFn, {
   __recipe__: false,
   __name__: 'appNavigation',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: appNavigationVariantKeys,
   variantMap: {
   "variant": [

package/recipes/avatar-group.d.ts

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

package/recipes/avatar.d.ts

@@ -17,13 +17,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/recipes/avatar.mjs

@@ -37,6 +37,7 @@ export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
   __name__: 'avatar',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: avatarVariantKeys,
   variantMap: {
   "size": [

package/recipes/breadcrumb.d.ts

@@ -10,13 +10,16 @@ type BreadcrumbVariantMap = {
   [key in keyof BreadcrumbVariant]: Array<BreadcrumbVariant[key]>
 }
 
+type BreadcrumbSlot = "root" | "list" | "item" | "link"
+
 export type BreadcrumbVariantProps = {
   [key in keyof BreadcrumbVariant]?: ConditionalValue<BreadcrumbVariant[key]> | undefined
 }
 
 export interface BreadcrumbRecipe {
+  __slot: BreadcrumbSlot
   __type: BreadcrumbVariantProps
-  (props?: BreadcrumbVariantProps): Pretty<Record<"root" | "list" | "item" | "link", string>>
+  (props?: BreadcrumbVariantProps): Pretty<Record<BreadcrumbSlot, string>>
   raw: (props?: BreadcrumbVariantProps) => BreadcrumbVariantProps
   variantMap: BreadcrumbVariantMap
   variantKeys: Array<keyof BreadcrumbVariant>

package/recipes/breadcrumb.mjs

@@ -35,6 +35,7 @@ export const breadcrumb = /* @__PURE__ */ Object.assign(breadcrumbFn, {
   __recipe__: false,
   __name__: 'breadcrumb',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: breadcrumbVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/recipes/button-filter.d.ts

@@ -10,11 +10,14 @@ type ButtonFilterVariantMap = {
   [key in keyof ButtonFilterVariant]: Array<ButtonFilterVariant[key]>
 }
 
+
+
 export type ButtonFilterVariantProps = {
   [key in keyof ButtonFilterVariant]?: ConditionalValue<ButtonFilterVariant[key]> | undefined
 }
 
 export interface ButtonFilterRecipe {
+  
   __type: ButtonFilterVariantProps
   (props?: ButtonFilterVariantProps): string
   raw: (props?: ButtonFilterVariantProps) => ButtonFilterVariantProps
@@ -26,7 +29,5 @@ export interface ButtonFilterRecipe {
 
 /**
  * The styles for the ButtonFilter component
-
-
  */
 export declare const buttonFilter: ButtonFilterRecipe

package/recipes/button.d.ts

@@ -21,11 +21,14 @@ type ButtonVariantMap = {
   [key in keyof ButtonVariant]: Array<ButtonVariant[key]>
 }
 
+
+
 export type ButtonVariantProps = {
   [key in keyof ButtonVariant]?: ButtonVariant[key] | undefined
 }
 
 export interface ButtonRecipe {
+  
   __type: ButtonVariantProps
   (props?: ButtonVariantProps): string
   raw: (props?: ButtonVariantProps) => ButtonVariantProps
@@ -37,7 +40,5 @@ export interface ButtonRecipe {
 
 /**
  * The styles for the Button component
-
-
  */
 export declare const button: ButtonRecipe

package/recipes/chat-document-message.d.ts

@@ -10,11 +10,14 @@ type ChatDocumentMessageVariantMap = {
   [key in keyof ChatDocumentMessageVariant]: Array<ChatDocumentMessageVariant[key]>
 }
 
+
+
 export type ChatDocumentMessageVariantProps = {
   [key in keyof ChatDocumentMessageVariant]?: ConditionalValue<ChatDocumentMessageVariant[key]> | undefined
 }
 
 export interface ChatDocumentMessageRecipe {
+  
   __type: ChatDocumentMessageVariantProps
   (props?: ChatDocumentMessageVariantProps): string
   raw: (props?: ChatDocumentMessageVariantProps) => ChatDocumentMessageVariantProps
@@ -26,7 +29,5 @@ export interface ChatDocumentMessageRecipe {
 
 /**
  * The styles for the Chat document message component
-
-
  */
 export declare const chatDocumentMessage: ChatDocumentMessageRecipe

package/recipes/chat-message.d.ts

@@ -17,11 +17,14 @@ type ChatMessageVariantMap = {
   [key in keyof ChatMessageVariant]: Array<ChatMessageVariant[key]>
 }
 
+
+
 export type ChatMessageVariantProps = {
   [key in keyof ChatMessageVariant]?: ConditionalValue<ChatMessageVariant[key]> | undefined
 }
 
 export interface ChatMessageRecipe {
+  
   __type: ChatMessageVariantProps
   (props?: ChatMessageVariantProps): string
   raw: (props?: ChatMessageVariantProps) => ChatMessageVariantProps
@@ -33,7 +36,5 @@ export interface ChatMessageRecipe {
 
 /**
  * The styles for the Chat message component
-
-
  */
 export declare const chatMessage: ChatMessageRecipe

package/recipes/chat-profile-avatar.d.ts

@@ -13,11 +13,14 @@ type ChatProfileAvatarVariantMap = {
   [key in keyof ChatProfileAvatarVariant]: Array<ChatProfileAvatarVariant[key]>
 }
 
+
+
 export type ChatProfileAvatarVariantProps = {
   [key in keyof ChatProfileAvatarVariant]?: ConditionalValue<ChatProfileAvatarVariant[key]> | undefined
 }
 
 export interface ChatProfileAvatarRecipe {
+  
   __type: ChatProfileAvatarVariantProps
   (props?: ChatProfileAvatarVariantProps): string
   raw: (props?: ChatProfileAvatarVariantProps) => ChatProfileAvatarVariantProps
@@ -29,7 +32,5 @@ export interface ChatProfileAvatarRecipe {
 
 /**
  * The styles for the Chat profile avatar component
-
-
  */
 export declare const chatProfileAvatar: ChatProfileAvatarRecipe

package/recipes/chat-text-input.d.ts

@@ -10,11 +10,14 @@ type ChatTextInputVariantMap = {
   [key in keyof ChatTextInputVariant]: Array<ChatTextInputVariant[key]>
 }
 
+
+
 export type ChatTextInputVariantProps = {
   [key in keyof ChatTextInputVariant]?: ConditionalValue<ChatTextInputVariant[key]> | undefined
 }
 
 export interface ChatTextInputRecipe {
+  
   __type: ChatTextInputVariantProps
   (props?: ChatTextInputVariantProps): string
   raw: (props?: ChatTextInputVariantProps) => ChatTextInputVariantProps
@@ -26,7 +29,5 @@ export interface ChatTextInputRecipe {
 
 /**
  * The styles for the Chat input text component
-
-
  */
 export declare const chatTextInput: ChatTextInputRecipe

package/recipes/chat.d.ts

@@ -10,13 +10,16 @@ type ChatVariantMap = {
   [key in keyof ChatVariant]: Array<ChatVariant[key]>
 }
 
+type ChatSlot = "root" | "message-container" | "message" | "document-message"
+
 export type ChatVariantProps = {
   [key in keyof ChatVariant]?: ConditionalValue<ChatVariant[key]> | undefined
 }
 
 export interface ChatRecipe {
+  __slot: ChatSlot
   __type: ChatVariantProps
-  (props?: ChatVariantProps): Pretty<Record<"root" | "message-container" | "message" | "document-message", string>>
+  (props?: ChatVariantProps): Pretty<Record<ChatSlot, string>>
   raw: (props?: ChatVariantProps) => ChatVariantProps
   variantMap: ChatVariantMap
   variantKeys: Array<keyof ChatVariant>
@@ -26,7 +29,5 @@ export interface ChatRecipe {
 
 /**
  * The styles for the Chat component.
-
-
  */
 export declare const chat: ChatRecipe

package/recipes/chat.mjs

@@ -35,6 +35,7 @@ export const chat = /* @__PURE__ */ Object.assign(chatFn, {
   __recipe__: false,
   __name__: 'chat',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: chatVariantKeys,
   variantMap: {},
   splitVariantProps(props) {

package/recipes/checkbox-card.d.ts

@@ -13,13 +13,16 @@ type CheckboxCardVariantMap = {
   [key in keyof CheckboxCardVariant]: Array<CheckboxCardVariant[key]>
 }
 
+type CheckboxCardSlot = "root" | "label" | "control" | "indicator" | "group" | "image" | "content" | "title" | "description"
+
 export type CheckboxCardVariantProps = {
   [key in keyof CheckboxCardVariant]?: ConditionalValue<CheckboxCardVariant[key]> | undefined
 }
 
 export interface CheckboxCardRecipe {
+  __slot: CheckboxCardSlot
   __type: CheckboxCardVariantProps
-  (props?: CheckboxCardVariantProps): Pretty<Record<"root" | "label" | "control" | "indicator" | "group" | "image" | "content" | "title" | "description", string>>
+  (props?: CheckboxCardVariantProps): Pretty<Record<CheckboxCardSlot, string>>
   raw: (props?: CheckboxCardVariantProps) => CheckboxCardVariantProps
   variantMap: CheckboxCardVariantMap
   variantKeys: Array<keyof CheckboxCardVariant>

package/recipes/checkbox-card.mjs

@@ -59,6 +59,7 @@ export const checkboxCard = /* @__PURE__ */ Object.assign(checkboxCardFn, {
   __recipe__: false,
   __name__: 'checkboxCard',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: checkboxCardVariantKeys,
   variantMap: {
   "size": [

package/recipes/checkbox-group.d.ts

@@ -10,11 +10,14 @@ type CheckboxGroupVariantMap = {
   [key in keyof CheckboxGroupVariant]: Array<CheckboxGroupVariant[key]>
 }
 
+
+
 export type CheckboxGroupVariantProps = {
   [key in keyof CheckboxGroupVariant]?: ConditionalValue<CheckboxGroupVariant[key]> | undefined
 }
 
 export interface CheckboxGroupRecipe {
+  
   __type: CheckboxGroupVariantProps
   (props?: CheckboxGroupVariantProps): string
   raw: (props?: CheckboxGroupVariantProps) => CheckboxGroupVariantProps

package/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/recipes/checkbox.mjs

@@ -43,6 +43,7 @@ export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
   __recipe__: false,
   __name__: 'checkbox',
   raw: (props) => props,
+  classNameMap: {},
   variantKeys: checkboxVariantKeys,
   variantMap: {
   "size": [

package/recipes/chip.d.ts

@@ -17,13 +17,16 @@ type ChipVariantMap = {
   [key in keyof ChipVariant]: Array<ChipVariant[key]>
 }
 
+type ChipSlot = "root" | "avatar" | "body" | "clearTrigger"
+
 export type ChipVariantProps = {
   [key in keyof ChipVariant]?: ConditionalValue<ChipVariant[key]> | undefined
 }
 
 export interface ChipRecipe {
+  __slot: ChipSlot
   __type: ChipVariantProps
-  (props?: ChipVariantProps): Pretty<Record<"root" | "avatar" | "body" | "clearTrigger", string>>
+  (props?: ChipVariantProps): Pretty<Record<ChipSlot, string>>
   raw: (props?: ChipVariantProps) => ChipVariantProps
   variantMap: ChipVariantMap
   variantKeys: Array<keyof ChipVariant>
@@ -33,7 +36,5 @@ export interface ChipRecipe {
 
 /**
  * The styles for the Chip component
-
-
  */
 export declare const chip: ChipRecipe