@stokelp/styled-system 2.92.0 → 2.94.0

package/patterns/center.d.ts

@@ -9,7 +9,6 @@ export interface CenterProperties {
    inline?: ConditionalValue<boolean>
 }
 
-
 interface CenterStyles extends CenterProperties, DistributiveOmit<SystemStyleObject, keyof CenterProperties > {}
 
 interface CenterPatternFn {

package/patterns/center.mjs

@@ -2,10 +2,10 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const centerConfig = {
-transform(props14) {
-  const { inline, ...rest } = props14;
+transform(props15) {
+  const { inline: inline2, ...rest } = props15;
   return {
-    display: inline ? "inline-flex" : "flex",
+    display: inline2 ? "inline-flex" : "flex",
     alignItems: "center",
     justifyContent: "center",
     ...rest

package/patterns/circle.d.ts

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

package/patterns/circle.mjs

@@ -2,15 +2,15 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const circleConfig = {
-transform(props14) {
-  const { size, ...rest } = props14;
+transform(props15) {
+  const { size: size3, ...rest } = props15;
   return {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     flex: "0 0 auto",
-    width: size,
-    height: size,
+    width: size3,
+    height: size3,
     borderRadius: "9999px",
     ...rest
   };

package/patterns/container.d.ts

@@ -9,7 +9,6 @@ export interface ContainerProperties {
    
 }
 
-
 interface ContainerStyles extends ContainerProperties, DistributiveOmit<SystemStyleObject, keyof ContainerProperties > {}
 
 interface ContainerPatternFn {

package/patterns/container.mjs

@@ -2,13 +2,13 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const containerConfig = {
-transform(props14) {
+transform(props15) {
   return {
     position: "relative",
     maxWidth: "8xl",
     mx: "auto",
     px: { base: "4", md: "6", lg: "8" },
-    ...props14
+    ...props15
   };
 }}
 

package/patterns/cq.d.ts

@@ -10,7 +10,6 @@ export interface CqProperties {
 	type?: SystemProperties["containerType"]
 }
 
-
 interface CqStyles extends CqProperties, DistributiveOmit<SystemStyleObject, keyof CqProperties > {}
 
 interface CqPatternFn {

package/patterns/cq.mjs

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const cqConfig = {
-transform(props14) {
-  const { name, type, ...rest } = props14;
+transform(props15) {
+  const { name, type, ...rest } = props15;
   return {
     containerType: type,
     containerName: name,

package/patterns/divider.d.ts

@@ -11,7 +11,6 @@ export interface DividerProperties {
 	color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
 }
 
-
 interface DividerStyles extends DividerProperties, DistributiveOmit<SystemStyleObject, keyof DividerProperties > {}
 
 interface DividerPatternFn {

package/patterns/divider.mjs

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const dividerConfig = {
-transform(props14, { map }) {
-  const { orientation, thickness, color, ...rest } = props14;
+transform(props15, { map }) {
+  const { orientation, thickness, color, ...rest } = props15;
   return {
     "--thickness": thickness,
     width: map(orientation, (v) => v === "vertical" ? void 0 : "100%"),

package/patterns/flex.d.ts

@@ -15,7 +15,6 @@ export interface FlexProperties {
 	shrink?: SystemProperties["flexShrink"]
 }
 
-
 interface FlexStyles extends FlexProperties, DistributiveOmit<SystemStyleObject, keyof FlexProperties > {}
 
 interface FlexPatternFn {

package/patterns/flex.mjs

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const flexConfig = {
-transform(props14) {
-  const { direction, align, justify, wrap: wrap22, basis, grow, shrink, ...rest } = props14;
+transform(props15) {
+  const { direction, align, justify, wrap: wrap22, basis, grow, shrink, ...rest } = props15;
   return {
     display: "flex",
     flexDirection: direction,

package/patterns/float.d.ts

@@ -12,7 +12,6 @@ export interface FloatProperties {
 	placement?: ConditionalValue<"bottom-end" | "bottom-start" | "top-end" | "top-start" | "bottom-center" | "top-center" | "middle-center" | "middle-end" | "middle-start">
 }
 
-
 interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
 
 interface FloatPatternFn {

package/patterns/float.mjs

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const floatConfig = {
-transform(props14, { map }) {
-  const { offset, offsetX, offsetY, placement, ...rest } = props14;
+transform(props15, { map }) {
+  const { offset: offset3, offsetX, offsetY, placement, ...rest } = props15;
   return {
     display: "inline-flex",
     justifyContent: "center",
@@ -38,9 +38,9 @@ transform(props14, { map }) {
     ...rest
   };
 },
-defaultValues(props14) {
-  const offset = props14.offset || "0";
-  return { offset, offsetX: offset, offsetY: offset, placement: "top-end" };
+defaultValues(props15) {
+  const offset3 = props15.offset || "0";
+  return { offset: offset3, offsetX: offset3, offsetY: offset3, placement: "top-end" };
 }}
 
 export const getFloatStyle = (styles = {}) => {

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-item.mjs

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const gridItemConfig = {
-transform(props14, { map }) {
-  const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props14;
+transform(props15, { map }) {
+  const { colSpan, rowSpan, colStart, rowStart, colEnd, rowEnd, ...rest } = props15;
   const spanFn = (v) => v === "auto" ? v : `span ${v}`;
   return {
     gridColumn: colSpan != null ? map(colSpan, spanFn) : void 0,

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

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const gridConfig = {
-transform(props14, { map, isCssUnit }) {
-  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props14;
+transform(props15, { map, isCssUnit }) {
+  const { columnGap, rowGap, gap, columns, minChildWidth, ...rest } = props15;
   const getValue = (v) => isCssUnit(v) ? v : `token(sizes.${v}, ${v})`;
   return {
     display: "grid",
@@ -14,8 +14,8 @@ transform(props14, { map, isCssUnit }) {
     ...rest
   };
 },
-defaultValues(props14) {
-  return { gap: props14.columnGap || props14.rowGap ? void 0 : "10px" };
+defaultValues(props15) {
+  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

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const hstackConfig = {
-transform(props14) {
-  const { justify, gap, ...rest } = props14;
+transform(props15) {
+  const { justify, gap, ...rest } = props15;
   return {
     display: "flex",
     alignItems: "center",
@@ -13,7 +13,7 @@ transform(props14) {
     ...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/link-overlay.mjs

@@ -2,16 +2,16 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const linkOverlayConfig = {
-transform(props14) {
+transform(props15) {
   return {
     _before: {
       content: '""',
       position: "absolute",
       inset: "0",
       zIndex: "0",
-      ...props14["_before"]
+      ...props15["_before"]
     },
-    ...props14
+    ...props15
   };
 }}
 

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/spacer.mjs

@@ -2,12 +2,12 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const spacerConfig = {
-transform(props14, { map }) {
-  const { size, ...rest } = props14;
+transform(props15, { map }) {
+  const { size: size3, ...rest } = props15;
   return {
     alignSelf: "stretch",
     justifySelf: "stretch",
-    flex: map(size, (v) => v == null ? "1" : `0 0 ${v}`),
+    flex: map(size3, (v) => v == null ? "1" : `0 0 ${v}`),
     ...rest
   };
 }}

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/square.mjs

@@ -2,15 +2,15 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const squareConfig = {
-transform(props14) {
-  const { size, ...rest } = props14;
+transform(props15) {
+  const { size: size3, ...rest } = props15;
   return {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     flex: "0 0 auto",
-    width: size,
-    height: size,
+    width: size3,
+    height: size3,
     ...rest
   };
 }}

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

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const stackConfig = {
-transform(props14) {
-  const { align, justify, direction, gap, ...rest } = props14;
+transform(props15) {
+  const { align, justify, direction, gap, ...rest } = props15;
   return {
     display: "flex",
     flexDirection: direction,
@@ -13,7 +13,7 @@ transform(props14) {
     ...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/visually-hidden.mjs

@@ -2,10 +2,10 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const visuallyHiddenConfig = {
-transform(props14) {
+transform(props15) {
   return {
     srOnly: true,
-    ...props14
+    ...props15
   };
 }}
 

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

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const vstackConfig = {
-transform(props14) {
-  const { justify, gap, ...rest } = props14;
+transform(props15) {
+  const { justify, gap, ...rest } = props15;
   return {
     display: "flex",
     alignItems: "center",
@@ -13,7 +13,7 @@ transform(props14) {
     ...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

@@ -2,8 +2,8 @@ import { getPatternStyles, patternFns } from '../helpers.mjs';
 import { css } from '../css/index.mjs';
 
 const wrapConfig = {
-transform(props14) {
-  const { columnGap, rowGap, gap = columnGap || rowGap ? void 0 : "10px", align, justify, ...rest } = props14;
+transform(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