@luxonis/common-fe-components 1.19.0 → 1.20.0

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

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

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

@@ -3,7 +3,10 @@ import type { ConditionalValue } from '../types/index.d.mts';
 import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface SheetVariant {
-  side: "top" | "bottom" | "left" | "right"
+  /**
+ * @default "right"
+ */
+side: "top" | "bottom" | "left" | "right"
 }
 
 type SheetVariantMap = {
@@ -21,7 +24,12 @@ export interface SheetRecipe {
   variantMap: SheetVariantMap
   variantKeys: Array<keyof SheetVariant>
   splitVariantProps<Props extends SheetVariantProps>(props: Props): [SheetVariantProps, Pretty<DistributiveOmit<Props, keyof SheetVariantProps>>]
+  getVariantProps: (props?: SheetVariantProps) => SheetVariantProps
 }
 
-/** Styles for the Sheet component */
+/**
+ * Styles for the Sheet component
+
+
+ */
 export declare const sheet: SheetRecipe

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

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const sheetDefaultVariants = {
@@ -98,13 +98,14 @@ const sheetSlotNames = [
 ]
 const sheetSlotFns = /* @__PURE__ */ sheetSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sheetDefaultVariants, getSlotCompoundVariant(sheetCompoundVariants, slotName))])
 
-const sheetFn = (props = {}) => {
-  return Object.fromEntries(sheetSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const sheetFn = memo((props = {}) => {
+  return Object.fromEntries(sheetSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const sheetVariantKeys = [
   "side"
 ]
+const getVariantProps = (variants) => ({ ...sheetDefaultVariants, ...compact(variants) })
 
 export const sheet = /* @__PURE__ */ Object.assign(sheetFn, {
   __recipe__: false,
@@ -122,4 +123,5 @@ export const sheet = /* @__PURE__ */ Object.assign(sheetFn, {
   splitVariantProps(props) {
     return splitProps(props, sheetVariantKeys)
   },
+  getVariantProps
 })

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

@@ -21,7 +21,12 @@ export interface SkeletonRecipe {
   variantMap: SkeletonVariantMap
   variantKeys: Array<keyof SkeletonVariant>
   splitVariantProps<Props extends SkeletonVariantProps>(props: Props): [SkeletonVariantProps, Pretty<DistributiveOmit<Props, keyof SkeletonVariantProps>>]
+  getVariantProps: (props?: SkeletonVariantProps) => SkeletonVariantProps
 }
 
-/** Styles for the Skeleton component */
+/**
+ * Styles for the Skeleton component
+
+
+ */
 export declare const skeleton: SkeletonRecipe

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

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

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

@@ -21,7 +21,12 @@ export interface SliderRecipe {
   variantMap: SliderVariantMap
   variantKeys: Array<keyof SliderVariant>
   splitVariantProps<Props extends SliderVariantProps>(props: Props): [SliderVariantProps, Pretty<DistributiveOmit<Props, keyof SliderVariantProps>>]
+  getVariantProps: (props?: SliderVariantProps) => SliderVariantProps
 }
 
-/** Styles for the Slider component */
+/**
+ * Styles for the Slider component
+
+
+ */
 export declare const slider: SliderRecipe

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

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const sliderDefaultVariants = {}
@@ -40,11 +40,12 @@ const sliderSlotNames = [
 ]
 const sliderSlotFns = /* @__PURE__ */ sliderSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, sliderDefaultVariants, getSlotCompoundVariant(sliderCompoundVariants, slotName))])
 
-const sliderFn = (props = {}) => {
-  return Object.fromEntries(sliderSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const sliderFn = memo((props = {}) => {
+  return Object.fromEntries(sliderSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const sliderVariantKeys = []
+const getVariantProps = (variants) => ({ ...sliderDefaultVariants, ...compact(variants) })
 
 export const slider = /* @__PURE__ */ Object.assign(sliderFn, {
   __recipe__: false,
@@ -55,4 +56,5 @@ export const slider = /* @__PURE__ */ Object.assign(sliderFn, {
   splitVariantProps(props) {
     return splitProps(props, sliderVariantKeys)
   },
+  getVariantProps
 })

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

@@ -21,7 +21,12 @@ export interface SmallRecipe {
   variantMap: SmallVariantMap
   variantKeys: Array<keyof SmallVariant>
   splitVariantProps<Props extends SmallVariantProps>(props: Props): [SmallVariantProps, Pretty<DistributiveOmit<Props, keyof SmallVariantProps>>]
+  getVariantProps: (props?: SmallVariantProps) => SmallVariantProps
 }
 
-/** Typography - Small style */
+/**
+ * Typography - Small style
+
+
+ */
 export declare const small: SmallRecipe

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

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

package/dist/styled-system/recipes/switch-recipe.d.mts

@@ -21,7 +21,12 @@ export interface SwitchRecipeRecipe {
   variantMap: SwitchRecipeVariantMap
   variantKeys: Array<keyof SwitchRecipeVariant>
   splitVariantProps<Props extends SwitchRecipeVariantProps>(props: Props): [SwitchRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SwitchRecipeVariantProps>>]
+  getVariantProps: (props?: SwitchRecipeVariantProps) => SwitchRecipeVariantProps
 }
 
-/** Styles for the Switch component */
+/**
+ * Styles for the Switch component
+
+
+ */
 export declare const switchRecipe: SwitchRecipeRecipe

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

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const switchRecipeDefaultVariants = {}
@@ -24,11 +24,12 @@ const switchRecipeSlotNames = [
 ]
 const switchRecipeSlotFns = /* @__PURE__ */ switchRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, switchRecipeDefaultVariants, getSlotCompoundVariant(switchRecipeCompoundVariants, slotName))])
 
-const switchRecipeFn = (props = {}) => {
-  return Object.fromEntries(switchRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const switchRecipeFn = memo((props = {}) => {
+  return Object.fromEntries(switchRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const switchRecipeVariantKeys = []
+const getVariantProps = (variants) => ({ ...switchRecipeDefaultVariants, ...compact(variants) })
 
 export const switchRecipe = /* @__PURE__ */ Object.assign(switchRecipeFn, {
   __recipe__: false,
@@ -39,4 +40,5 @@ export const switchRecipe = /* @__PURE__ */ Object.assign(switchRecipeFn, {
   splitVariantProps(props) {
     return splitProps(props, switchRecipeVariantKeys)
   },
+  getVariantProps
 })

package/dist/styled-system/recipes/table-body.d.mts

@@ -21,7 +21,12 @@ export interface TableBodyRecipe {
   variantMap: TableBodyVariantMap
   variantKeys: Array<keyof TableBodyVariant>
   splitVariantProps<Props extends TableBodyVariantProps>(props: Props): [TableBodyVariantProps, Pretty<DistributiveOmit<Props, keyof TableBodyVariantProps>>]
+  getVariantProps: (props?: TableBodyVariantProps) => TableBodyVariantProps
 }
 
-/** Styles for the TableBody component */
+/**
+ * Styles for the TableBody component
+
+
+ */
 export declare const tableBody: TableBodyRecipe

package/dist/styled-system/recipes/table-body.mjs

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

package/dist/styled-system/recipes/table-caption.d.mts

@@ -21,7 +21,12 @@ export interface TableCaptionRecipe {
   variantMap: TableCaptionVariantMap
   variantKeys: Array<keyof TableCaptionVariant>
   splitVariantProps<Props extends TableCaptionVariantProps>(props: Props): [TableCaptionVariantProps, Pretty<DistributiveOmit<Props, keyof TableCaptionVariantProps>>]
+  getVariantProps: (props?: TableCaptionVariantProps) => TableCaptionVariantProps
 }
 
-/** Styles for the TableCaption component */
+/**
+ * Styles for the TableCaption component
+
+
+ */
 export declare const tableCaption: TableCaptionRecipe

package/dist/styled-system/recipes/table-caption.mjs

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

package/dist/styled-system/recipes/table-cell.d.mts

@@ -21,7 +21,12 @@ export interface TableCellRecipe {
   variantMap: TableCellVariantMap
   variantKeys: Array<keyof TableCellVariant>
   splitVariantProps<Props extends TableCellVariantProps>(props: Props): [TableCellVariantProps, Pretty<DistributiveOmit<Props, keyof TableCellVariantProps>>]
+  getVariantProps: (props?: TableCellVariantProps) => TableCellVariantProps
 }
 
-/** Styles for the TableCell component */
+/**
+ * Styles for the TableCell component
+
+
+ */
 export declare const tableCell: TableCellRecipe

package/dist/styled-system/recipes/table-cell.mjs

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

package/dist/styled-system/recipes/table-container.d.mts

@@ -21,7 +21,12 @@ export interface TableContainerRecipe {
   variantMap: TableContainerVariantMap
   variantKeys: Array<keyof TableContainerVariant>
   splitVariantProps<Props extends TableContainerVariantProps>(props: Props): [TableContainerVariantProps, Pretty<DistributiveOmit<Props, keyof TableContainerVariantProps>>]
+  getVariantProps: (props?: TableContainerVariantProps) => TableContainerVariantProps
 }
 
-/** Styles for the TableContainer component */
+/**
+ * Styles for the TableContainer component
+
+
+ */
 export declare const tableContainer: TableContainerRecipe

package/dist/styled-system/recipes/table-container.mjs

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

package/dist/styled-system/recipes/table-footer.d.mts

@@ -21,7 +21,12 @@ export interface TableFooterRecipe {
   variantMap: TableFooterVariantMap
   variantKeys: Array<keyof TableFooterVariant>
   splitVariantProps<Props extends TableFooterVariantProps>(props: Props): [TableFooterVariantProps, Pretty<DistributiveOmit<Props, keyof TableFooterVariantProps>>]
+  getVariantProps: (props?: TableFooterVariantProps) => TableFooterVariantProps
 }
 
-/** Styles for the TableFooter component */
+/**
+ * Styles for the TableFooter component
+
+
+ */
 export declare const tableFooter: TableFooterRecipe

package/dist/styled-system/recipes/table-footer.mjs

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

package/dist/styled-system/recipes/table-head.d.mts

@@ -21,7 +21,12 @@ export interface TableHeadRecipe {
   variantMap: TableHeadVariantMap
   variantKeys: Array<keyof TableHeadVariant>
   splitVariantProps<Props extends TableHeadVariantProps>(props: Props): [TableHeadVariantProps, Pretty<DistributiveOmit<Props, keyof TableHeadVariantProps>>]
+  getVariantProps: (props?: TableHeadVariantProps) => TableHeadVariantProps
 }
 
-/** Styles for the TableHead component */
+/**
+ * Styles for the TableHead component
+
+
+ */
 export declare const tableHead: TableHeadRecipe

package/dist/styled-system/recipes/table-head.mjs

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

package/dist/styled-system/recipes/table-header.d.mts

@@ -21,7 +21,12 @@ export interface TableHeaderRecipe {
   variantMap: TableHeaderVariantMap
   variantKeys: Array<keyof TableHeaderVariant>
   splitVariantProps<Props extends TableHeaderVariantProps>(props: Props): [TableHeaderVariantProps, Pretty<DistributiveOmit<Props, keyof TableHeaderVariantProps>>]
+  getVariantProps: (props?: TableHeaderVariantProps) => TableHeaderVariantProps
 }
 
-/** Styles for the TableHeader component */
+/**
+ * Styles for the TableHeader component
+
+
+ */
 export declare const tableHeader: TableHeaderRecipe

package/dist/styled-system/recipes/table-header.mjs

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

package/dist/styled-system/recipes/table-row.d.mts

@@ -21,7 +21,12 @@ export interface TableRowRecipe {
   variantMap: TableRowVariantMap
   variantKeys: Array<keyof TableRowVariant>
   splitVariantProps<Props extends TableRowVariantProps>(props: Props): [TableRowVariantProps, Pretty<DistributiveOmit<Props, keyof TableRowVariantProps>>]
+  getVariantProps: (props?: TableRowVariantProps) => TableRowVariantProps
 }
 
-/** Styles for the TableRow component */
+/**
+ * Styles for the TableRow component
+
+
+ */
 export declare const tableRow: TableRowRecipe

package/dist/styled-system/recipes/table-row.mjs

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

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

@@ -21,7 +21,12 @@ export interface TableRecipe {
   variantMap: TableVariantMap
   variantKeys: Array<keyof TableVariant>
   splitVariantProps<Props extends TableVariantProps>(props: Props): [TableVariantProps, Pretty<DistributiveOmit<Props, keyof TableVariantProps>>]
+  getVariantProps: (props?: TableVariantProps) => TableVariantProps
 }
 
-/** Styles for the Table component */
+/**
+ * Styles for the Table component
+
+
+ */
 export declare const table: TableRecipe

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

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

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

@@ -21,7 +21,12 @@ export interface TabsRecipe {
   variantMap: TabsVariantMap
   variantKeys: Array<keyof TabsVariant>
   splitVariantProps<Props extends TabsVariantProps>(props: Props): [TabsVariantProps, Pretty<DistributiveOmit<Props, keyof TabsVariantProps>>]
+  getVariantProps: (props?: TabsVariantProps) => TabsVariantProps
 }
 
-/** Styles for the Tabs component */
+/**
+ * Styles for the Tabs component
+
+
+ */
 export declare const tabs: TabsRecipe

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

@@ -1,4 +1,4 @@
-import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
 import { createRecipe } from './create-recipe.mjs';
 
 const tabsDefaultVariants = {}
@@ -40,11 +40,12 @@ const tabsSlotNames = [
 ]
 const tabsSlotFns = /* @__PURE__ */ tabsSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tabsDefaultVariants, getSlotCompoundVariant(tabsCompoundVariants, slotName))])
 
-const tabsFn = (props = {}) => {
-  return Object.fromEntries(tabsSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
-}
+const tabsFn = memo((props = {}) => {
+  return Object.fromEntries(tabsSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
 
 const tabsVariantKeys = []
+const getVariantProps = (variants) => ({ ...tabsDefaultVariants, ...compact(variants) })
 
 export const tabs = /* @__PURE__ */ Object.assign(tabsFn, {
   __recipe__: false,
@@ -55,4 +56,5 @@ export const tabs = /* @__PURE__ */ Object.assign(tabsFn, {
   splitVariantProps(props) {
     return splitProps(props, tabsVariantKeys)
   },
+  getVariantProps
 })