@luxonis/common-fe-components 1.18.2 → 1.19.0

package/dist/styled-system/patterns/hstack.mjs

@@ -1,9 +1,9 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const hstackConfig = {
 transform(props) {
-  const { justify, gap, ...rest } = props;
+  const { justify, gap = "10px", ...rest } = props;
   return {
     display: "flex",
     alignItems: "center",
@@ -12,13 +12,9 @@ transform(props) {
     flexDirection: "row",
     ...rest
   };
-},
-defaultValues:{gap:'10px'}}
+}}
 
-export const getHstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(hstackConfig, styles)
-  return hstackConfig.transform(_styles, patternFns)
-}
+export const getHstackStyle = (styles = {}) => hstackConfig.transform(styles, { map: mapObject })
 
 export const hstack = (styles) => css(getHstackStyle(styles))
 hstack.raw = getHstackStyle

package/dist/styled-system/patterns/index.d.mts

@@ -8,6 +8,7 @@ export * from './spacer.d.mts';
 export * from './square.d.mts';
 export * from './circle.d.mts';
 export * from './center.d.mts';
+export * from './link-box.d.mts';
 export * from './link-overlay.d.mts';
 export * from './aspect-ratio.d.mts';
 export * from './grid.d.mts';
@@ -17,5 +18,4 @@ export * from './container.d.mts';
 export * from './divider.d.mts';
 export * from './float.d.mts';
 export * from './bleed.d.mts';
-export * from './visually-hidden.d.mts';
-export * from './cq.d.mts';
+export * from './visually-hidden.d.mts';

package/dist/styled-system/patterns/index.mjs

@@ -7,6 +7,7 @@ export * from './spacer.mjs';
 export * from './square.mjs';
 export * from './circle.mjs';
 export * from './center.mjs';
+export * from './link-box.mjs';
 export * from './link-overlay.mjs';
 export * from './aspect-ratio.mjs';
 export * from './grid.mjs';
@@ -16,5 +17,4 @@ export * from './container.mjs';
 export * from './divider.mjs';
 export * from './float.mjs';
 export * from './bleed.mjs';
-export * from './visually-hidden.mjs';
-export * from './cq.mjs';
+export * from './visually-hidden.mjs';

package/dist/styled-system/patterns/link-box.d.mts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
+
+export interface LinkBoxProperties {
+   
+}
+
+
+interface LinkBoxStyles extends LinkBoxProperties, DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties > {}
+
+interface LinkBoxPatternFn {
+  (styles?: LinkBoxStyles): string
+  raw: (styles?: LinkBoxStyles) => SystemStyleObject
+}
+
+
+export declare const linkBox: LinkBoxPatternFn;

package/dist/styled-system/patterns/link-box.mjs

@@ -0,0 +1,19 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const linkBoxConfig = {
+transform(props) {
+  return {
+    position: "relative",
+    "& :where(a, abbr)": {
+      position: "relative",
+      zIndex: "1"
+    },
+    ...props
+  };
+}}
+
+export const getLinkBoxStyle = (styles = {}) => linkBoxConfig.transform(styles, { map: mapObject })
+
+export const linkBox = (styles) => css(getLinkBoxStyle(styles))
+linkBox.raw = getLinkBoxStyle

package/dist/styled-system/patterns/link-overlay.d.mts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 

package/dist/styled-system/patterns/link-overlay.mjs

@@ -1,12 +1,15 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const linkOverlayConfig = {
 transform(props) {
   return {
+    position: "static",
     _before: {
       content: '""',
+      display: "block",
       position: "absolute",
+      cursor: "inherit",
       inset: "0",
       zIndex: "0",
       ...props["_before"]
@@ -15,10 +18,7 @@ transform(props) {
   };
 }}
 
-export const getLinkOverlayStyle = (styles = {}) => {
-  const _styles = getPatternStyles(linkOverlayConfig, styles)
-  return linkOverlayConfig.transform(_styles, patternFns)
-}
+export const getLinkOverlayStyle = (styles = {}) => linkOverlayConfig.transform(styles, { map: mapObject })
 
 export const linkOverlay = (styles) => css(getLinkOverlayStyle(styles))
 linkOverlay.raw = getLinkOverlayStyle

package/dist/styled-system/patterns/spacer.d.mts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 

package/dist/styled-system/patterns/spacer.mjs

@@ -1,4 +1,4 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const spacerConfig = {
@@ -12,10 +12,7 @@ transform(props, { map }) {
   };
 }}
 
-export const getSpacerStyle = (styles = {}) => {
-  const _styles = getPatternStyles(spacerConfig, styles)
-  return spacerConfig.transform(_styles, patternFns)
-}
+export const getSpacerStyle = (styles = {}) => spacerConfig.transform(styles, { map: mapObject })
 
 export const spacer = (styles) => css(getSpacerStyle(styles))
 spacer.raw = getSpacerStyle

package/dist/styled-system/patterns/square.d.mts

@@ -1,12 +1,12 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 
 export interface SquareProperties {
-   size?: SystemProperties["width"]
+   size?: PropertyValue<'width'>
 }
 
 

package/dist/styled-system/patterns/square.mjs

@@ -1,4 +1,4 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const squareConfig = {
@@ -15,10 +15,7 @@ transform(props) {
   };
 }}
 
-export const getSquareStyle = (styles = {}) => {
-  const _styles = getPatternStyles(squareConfig, styles)
-  return squareConfig.transform(_styles, patternFns)
-}
+export const getSquareStyle = (styles = {}) => squareConfig.transform(styles, { map: mapObject })
 
 export const square = (styles) => css(getSquareStyle(styles))
 square.raw = getSquareStyle

package/dist/styled-system/patterns/stack.d.mts

@@ -1,15 +1,15 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 
 export interface StackProperties {
-   align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
-	direction?: SystemProperties["flexDirection"]
-	gap?: SystemProperties["gap"]
+   align?: PropertyValue<'alignItems'>
+	justify?: PropertyValue<'justifyContent'>
+	direction?: PropertyValue<'flexDirection'>
+	gap?: PropertyValue<'gap'>
 }
 
 

package/dist/styled-system/patterns/stack.mjs

@@ -1,9 +1,9 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const stackConfig = {
 transform(props) {
-  const { align, justify, direction, gap, ...rest } = props;
+  const { align, justify, direction = "column", gap = "10px", ...rest } = props;
   return {
     display: "flex",
     flexDirection: direction,
@@ -12,13 +12,9 @@ transform(props) {
     gap,
     ...rest
   };
-},
-defaultValues:{direction:'column',gap:'10px'}}
+}}
 
-export const getStackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(stackConfig, styles)
-  return stackConfig.transform(_styles, patternFns)
-}
+export const getStackStyle = (styles = {}) => stackConfig.transform(styles, { map: mapObject })
 
 export const stack = (styles) => css(getStackStyle(styles))
 stack.raw = getStackStyle

package/dist/styled-system/patterns/visually-hidden.d.mts

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 

package/dist/styled-system/patterns/visually-hidden.mjs

@@ -1,4 +1,4 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const visuallyHiddenConfig = {
@@ -9,10 +9,7 @@ transform(props) {
   };
 }}
 
-export const getVisuallyHiddenStyle = (styles = {}) => {
-  const _styles = getPatternStyles(visuallyHiddenConfig, styles)
-  return visuallyHiddenConfig.transform(_styles, patternFns)
-}
+export const getVisuallyHiddenStyle = (styles = {}) => visuallyHiddenConfig.transform(styles, { map: mapObject })
 
 export const visuallyHidden = (styles) => css(getVisuallyHiddenStyle(styles))
 visuallyHidden.raw = getVisuallyHiddenStyle

package/dist/styled-system/patterns/vstack.d.mts

@@ -1,13 +1,13 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 
 export interface VstackProperties {
-   justify?: SystemProperties["justifyContent"]
-	gap?: SystemProperties["gap"]
+   justify?: PropertyValue<'justifyContent'>
+	gap?: PropertyValue<'gap'>
 }
 
 

package/dist/styled-system/patterns/vstack.mjs

@@ -1,9 +1,9 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const vstackConfig = {
 transform(props) {
-  const { justify, gap, ...rest } = props;
+  const { justify, gap = "10px", ...rest } = props;
   return {
     display: "flex",
     alignItems: "center",
@@ -12,13 +12,9 @@ transform(props) {
     flexDirection: "column",
     ...rest
   };
-},
-defaultValues:{gap:'10px'}}
+}}
 
-export const getVstackStyle = (styles = {}) => {
-  const _styles = getPatternStyles(vstackConfig, styles)
-  return vstackConfig.transform(_styles, patternFns)
-}
+export const getVstackStyle = (styles = {}) => vstackConfig.transform(styles, { map: mapObject })
 
 export const vstack = (styles) => css(getVstackStyle(styles))
 vstack.raw = getVstackStyle

package/dist/styled-system/patterns/wrap.d.mts

@@ -1,16 +1,16 @@
 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
 import type { Properties } from '../types/csstype.d.mts';
-import type { SystemProperties } from '../types/style-props.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
 import type { DistributiveOmit } from '../types/system-types.d.mts';
 import type { Tokens } from '../tokens/index.d.mts';
 
 export interface WrapProperties {
-   gap?: SystemProperties["gap"]
-	rowGap?: SystemProperties["gap"]
-	columnGap?: SystemProperties["gap"]
-	align?: SystemProperties["alignItems"]
-	justify?: SystemProperties["justifyContent"]
+   gap?: PropertyValue<'gap'>
+	rowGap?: PropertyValue<'gap'>
+	columnGap?: PropertyValue<'gap'>
+	align?: PropertyValue<'alignItems'>
+	justify?: PropertyValue<'justifyContent'>
 }
 
 

package/dist/styled-system/patterns/wrap.mjs

@@ -1,4 +1,4 @@
-import { getPatternStyles, patternFns } from '../helpers.mjs';
+import { mapObject } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const wrapConfig = {
@@ -16,10 +16,7 @@ transform(props) {
   };
 }}
 
-export const getWrapStyle = (styles = {}) => {
-  const _styles = getPatternStyles(wrapConfig, styles)
-  return wrapConfig.transform(_styles, patternFns)
-}
+export const getWrapStyle = (styles = {}) => wrapConfig.transform(styles, { map: mapObject })
 
 export const wrap = (styles) => css(getWrapStyle(styles))
 wrap.raw = getWrapStyle

package/dist/styled-system/recipes/accordion.d.mts

@@ -21,12 +21,7 @@ export interface AccordionRecipe {
   variantMap: AccordionVariantMap
   variantKeys: Array<keyof AccordionVariant>
   splitVariantProps<Props extends AccordionVariantProps>(props: Props): [AccordionVariantProps, Pretty<DistributiveOmit<Props, keyof AccordionVariantProps>>]
-  getVariantProps: (props?: AccordionVariantProps) => AccordionVariantProps
 }
 
-/**
- * Styles for the Accordion component
-
-
- */
+/** Styles for the Accordion component */
 export declare const accordion: AccordionRecipe

package/dist/styled-system/recipes/accordion.mjs

@@ -1,4 +1,4 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const accordionDefaultVariants = {}
@@ -48,12 +48,11 @@ const accordionSlotNames = [
 ]
 const accordionSlotFns = /* @__PURE__ */ accordionSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, accordionDefaultVariants, getSlotCompoundVariant(accordionCompoundVariants, slotName))])
 
-const accordionFn = memo((props = {}) => {
-  return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
+const accordionFn = (props = {}) => {
+  return Object.fromEntries(accordionSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
 
 const accordionVariantKeys = []
-const getVariantProps = (variants) => ({ ...accordionDefaultVariants, ...compact(variants) })
 
 export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   __recipe__: false,
@@ -64,5 +63,4 @@ export const accordion = /* @__PURE__ */ Object.assign(accordionFn, {
   splitVariantProps(props) {
     return splitProps(props, accordionVariantKeys)
   },
-  getVariantProps
 })

package/dist/styled-system/recipes/alert-description.d.mts

@@ -21,12 +21,7 @@ export interface AlertDescriptionRecipe {
   variantMap: AlertDescriptionVariantMap
   variantKeys: Array<keyof AlertDescriptionVariant>
   splitVariantProps<Props extends AlertDescriptionVariantProps>(props: Props): [AlertDescriptionVariantProps, Pretty<DistributiveOmit<Props, keyof AlertDescriptionVariantProps>>]
-  getVariantProps: (props?: AlertDescriptionVariantProps) => AlertDescriptionVariantProps
 }
 
-/**
- * Styles for the AlertDescription component
-
-
- */
+/** Styles for the AlertDescription component */
 export declare const alertDescription: AlertDescriptionRecipe

package/dist/styled-system/recipes/alert-description.mjs

@@ -1,4 +1,4 @@
-import { memo, splitProps } from '../helpers.mjs';
+import { splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const alertDescriptionFn = /* @__PURE__ */ createRecipe('alertDescription', {}, [])
@@ -7,10 +7,9 @@ const alertDescriptionVariantMap = {}
 
 const alertDescriptionVariantKeys = Object.keys(alertDescriptionVariantMap)
 
-export const alertDescription = /* @__PURE__ */ Object.assign(memo(alertDescriptionFn.recipeFn), {
+export const alertDescription = /* @__PURE__ */ Object.assign(alertDescriptionFn, {
   __recipe__: true,
   __name__: 'alertDescription',
-  __getCompoundVariantCss__: alertDescriptionFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: alertDescriptionVariantKeys,
   variantMap: alertDescriptionVariantMap,
@@ -20,5 +19,4 @@ export const alertDescription = /* @__PURE__ */ Object.assign(memo(alertDescript
   splitVariantProps(props) {
     return splitProps(props, alertDescriptionVariantKeys)
   },
-  getVariantProps: alertDescriptionFn.getVariantProps,
 })

package/dist/styled-system/recipes/alert-dialog.d.mts

@@ -21,12 +21,7 @@ export interface AlertDialogRecipe {
   variantMap: AlertDialogVariantMap
   variantKeys: Array<keyof AlertDialogVariant>
   splitVariantProps<Props extends AlertDialogVariantProps>(props: Props): [AlertDialogVariantProps, Pretty<DistributiveOmit<Props, keyof AlertDialogVariantProps>>]
-  getVariantProps: (props?: AlertDialogVariantProps) => AlertDialogVariantProps
 }
 
-/**
- * Styles for the AlertDialog component
-
-
- */
+/** Styles for the AlertDialog component */
 export declare const alertDialog: AlertDialogRecipe

package/dist/styled-system/recipes/alert-dialog.mjs

@@ -1,4 +1,4 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const alertDialogDefaultVariants = {}
@@ -96,12 +96,11 @@ const alertDialogSlotNames = [
 ]
 const alertDialogSlotFns = /* @__PURE__ */ alertDialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, alertDialogDefaultVariants, getSlotCompoundVariant(alertDialogCompoundVariants, slotName))])
 
-const alertDialogFn = memo((props = {}) => {
-  return Object.fromEntries(alertDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
+const alertDialogFn = (props = {}) => {
+  return Object.fromEntries(alertDialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
 
 const alertDialogVariantKeys = []
-const getVariantProps = (variants) => ({ ...alertDialogDefaultVariants, ...compact(variants) })
 
 export const alertDialog = /* @__PURE__ */ Object.assign(alertDialogFn, {
   __recipe__: false,
@@ -112,5 +111,4 @@ export const alertDialog = /* @__PURE__ */ Object.assign(alertDialogFn, {
   splitVariantProps(props) {
     return splitProps(props, alertDialogVariantKeys)
   },
-  getVariantProps
 })

package/dist/styled-system/recipes/alert-title.d.mts

@@ -21,12 +21,7 @@ export interface AlertTitleRecipe {
   variantMap: AlertTitleVariantMap
   variantKeys: Array<keyof AlertTitleVariant>
   splitVariantProps<Props extends AlertTitleVariantProps>(props: Props): [AlertTitleVariantProps, Pretty<DistributiveOmit<Props, keyof AlertTitleVariantProps>>]
-  getVariantProps: (props?: AlertTitleVariantProps) => AlertTitleVariantProps
 }
 
-/**
- * Styles for the AlertTitle component
-
-
- */
+/** Styles for the AlertTitle component */
 export declare const alertTitle: AlertTitleRecipe

package/dist/styled-system/recipes/alert-title.mjs

@@ -1,4 +1,4 @@
-import { memo, splitProps } from '../helpers.mjs';
+import { splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const alertTitleFn = /* @__PURE__ */ createRecipe('alertTitle', {}, [])
@@ -7,10 +7,9 @@ const alertTitleVariantMap = {}
 
 const alertTitleVariantKeys = Object.keys(alertTitleVariantMap)
 
-export const alertTitle = /* @__PURE__ */ Object.assign(memo(alertTitleFn.recipeFn), {
+export const alertTitle = /* @__PURE__ */ Object.assign(alertTitleFn, {
   __recipe__: true,
   __name__: 'alertTitle',
-  __getCompoundVariantCss__: alertTitleFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: alertTitleVariantKeys,
   variantMap: alertTitleVariantMap,
@@ -20,5 +19,4 @@ export const alertTitle = /* @__PURE__ */ Object.assign(memo(alertTitleFn.recipe
   splitVariantProps(props) {
     return splitProps(props, alertTitleVariantKeys)
   },
-  getVariantProps: alertTitleFn.getVariantProps,
 })

package/dist/styled-system/recipes/alert.d.mts

@@ -3,10 +3,7 @@ import type { ConditionalValue } from '../types/index.d.mts';
 import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface AlertVariant {
-  /**
- * @default "default"
- */
-variant: "default" | "destructive"
+  variant: "default" | "destructive"
 }
 
 type AlertVariantMap = {
@@ -24,12 +21,7 @@ export interface AlertRecipe {
   variantMap: AlertVariantMap
   variantKeys: Array<keyof AlertVariant>
   splitVariantProps<Props extends AlertVariantProps>(props: Props): [AlertVariantProps, Pretty<DistributiveOmit<Props, keyof AlertVariantProps>>]
-  getVariantProps: (props?: AlertVariantProps) => AlertVariantProps
 }
 
-/**
- * Styles for the Alert component
-
-
- */
+/** Styles for the Alert component */
 export declare const alert: AlertRecipe

package/dist/styled-system/recipes/alert.mjs

@@ -1,4 +1,4 @@
-import { memo, splitProps } from '../helpers.mjs';
+import { splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
 const alertFn = /* @__PURE__ */ createRecipe('alert', {
@@ -14,10 +14,9 @@ const alertVariantMap = {
 
 const alertVariantKeys = Object.keys(alertVariantMap)
 
-export const alert = /* @__PURE__ */ Object.assign(memo(alertFn.recipeFn), {
+export const alert = /* @__PURE__ */ Object.assign(alertFn, {
   __recipe__: true,
   __name__: 'alert',
-  __getCompoundVariantCss__: alertFn.__getCompoundVariantCss__,
   raw: (props) => props,
   variantKeys: alertVariantKeys,
   variantMap: alertVariantMap,
@@ -27,5 +26,4 @@ export const alert = /* @__PURE__ */ Object.assign(memo(alertFn.recipeFn), {
   splitVariantProps(props) {
     return splitProps(props, alertVariantKeys)
   },
-  getVariantProps: alertFn.getVariantProps,
 })

package/dist/styled-system/recipes/avatar.d.mts

@@ -21,12 +21,7 @@ export interface AvatarRecipe {
   variantMap: AvatarVariantMap
   variantKeys: Array<keyof AvatarVariant>
   splitVariantProps<Props extends AvatarVariantProps>(props: Props): [AvatarVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarVariantProps>>]
-  getVariantProps: (props?: AvatarVariantProps) => AvatarVariantProps
 }
 
-/**
- * Styles for the Avatar component
-
-
- */
+/** Styles for the Avatar component */
 export declare const avatar: AvatarRecipe

package/dist/styled-system/recipes/avatar.mjs

@@ -1,4 +1,4 @@
-import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const avatarDefaultVariants = {}
@@ -32,12 +32,11 @@ const avatarSlotNames = [
 ]
 const avatarSlotFns = /* @__PURE__ */ avatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarDefaultVariants, getSlotCompoundVariant(avatarCompoundVariants, slotName))])
 
-const avatarFn = memo((props = {}) => {
-  return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
-})
+const avatarFn = (props = {}) => {
+  return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
+}
 
 const avatarVariantKeys = []
-const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) })
 
 export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   __recipe__: false,
@@ -48,5 +47,4 @@ export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
   splitVariantProps(props) {
     return splitProps(props, avatarVariantKeys)
   },
-  getVariantProps
 })