@pandacss/studio 0.0.0-dev-20230922200913 → 0.0.0-dev-20230925114555

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/studio",
-  "version": "0.0.0-dev-20230922200913",
+  "version": "0.0.0-dev-20230925114555",
   "description": "The automated token documentation for Panda CSS",
   "main": "dist/studio.js",
   "module": "dist/studio.mjs",
@@ -33,19 +33,19 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "vite": "4.4.9",
-    "@pandacss/config": "0.0.0-dev-20230922200913",
-    "@pandacss/logger": "0.0.0-dev-20230922200913",
-    "@pandacss/node": "0.0.0-dev-20230922200913",
-    "@pandacss/shared": "0.0.0-dev-20230922200913",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230922200913",
-    "@pandacss/types": "0.0.0-dev-20230922200913"
+    "@pandacss/config": "0.0.0-dev-20230925114555",
+    "@pandacss/logger": "0.0.0-dev-20230925114555",
+    "@pandacss/node": "0.0.0-dev-20230925114555",
+    "@pandacss/shared": "0.0.0-dev-20230925114555",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230925114555",
+    "@pandacss/types": "0.0.0-dev-20230925114555"
   },
   "devDependencies": {
     "@types/react": "18.2.22",
     "@types/react-dom": "18.2.7",
     "@vitejs/plugin-react": "4.0.4",
     "execa": "7.2.0",
-    "@pandacss/dev": "0.0.0-dev-20230922200913"
+    "@pandacss/dev": "0.0.0-dev-20230925114555"
   },
   "scripts": {
     "codegen": "panda",

package/styled-system/jsx/aspect-ratio.d.ts

@@ -4,7 +4,7 @@ import type { AspectRatioProperties } from '../patterns/aspect-ratio';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type AspectRatioProps = AspectRatioProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof AspectRatioProperties | 'aspectRatio'>
+export interface AspectRatioProps extends AspectRatioProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof AspectRatioProperties | 'aspectRatio'> {}
 
 
 export declare const AspectRatio: FunctionComponent<AspectRatioProps>

package/styled-system/jsx/bleed.d.ts

@@ -4,7 +4,7 @@ import type { BleedProperties } from '../patterns/bleed';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type BleedProps = BleedProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof BleedProperties >
+export interface BleedProps extends BleedProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof BleedProperties > {}
 
 
 export declare const Bleed: FunctionComponent<BleedProps>

package/styled-system/jsx/box.d.ts

@@ -4,7 +4,7 @@ import type { BoxProperties } from '../patterns/box';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type BoxProps = BoxProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof BoxProperties >
+export interface BoxProps extends BoxProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof BoxProperties > {}
 
 
 export declare const Box: FunctionComponent<BoxProps>

package/styled-system/jsx/center.d.ts

@@ -4,7 +4,7 @@ import type { CenterProperties } from '../patterns/center';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type CenterProps = CenterProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof CenterProperties >
+export interface CenterProps extends CenterProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof CenterProperties > {}
 
 
 export declare const Center: FunctionComponent<CenterProps>

package/styled-system/jsx/circle.d.ts

@@ -4,7 +4,7 @@ import type { CircleProperties } from '../patterns/circle';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type CircleProps = CircleProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof CircleProperties >
+export interface CircleProps extends CircleProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof CircleProperties > {}
 
 
 export declare const Circle: FunctionComponent<CircleProps>

package/styled-system/jsx/container.d.ts

@@ -4,7 +4,7 @@ import type { ContainerProperties } from '../patterns/container';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type ContainerProps = ContainerProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof ContainerProperties >
+export interface ContainerProps extends ContainerProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof ContainerProperties > {}
 
 
 export declare const Container: FunctionComponent<ContainerProps>

package/styled-system/jsx/divider.d.ts

@@ -4,7 +4,7 @@ import type { DividerProperties } from '../patterns/divider';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type DividerProps = DividerProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof DividerProperties >
+export interface DividerProps extends DividerProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof DividerProperties > {}
 
 
 export declare const Divider: FunctionComponent<DividerProps>

package/styled-system/jsx/flex.d.ts

@@ -4,7 +4,7 @@ import type { FlexProperties } from '../patterns/flex';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type FlexProps = FlexProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof FlexProperties >
+export interface FlexProps extends FlexProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof FlexProperties > {}
 
 
 export declare const Flex: FunctionComponent<FlexProps>

package/styled-system/jsx/float.d.ts

@@ -4,7 +4,7 @@ import type { FloatProperties } from '../patterns/float';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type FloatProps = FloatProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof FloatProperties >
+export interface FloatProps extends FloatProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof FloatProperties > {}
 
 
 export declare const Float: FunctionComponent<FloatProps>

package/styled-system/jsx/grid-item.d.ts

@@ -4,7 +4,7 @@ import type { GridItemProperties } from '../patterns/grid-item';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type GridItemProps = GridItemProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof GridItemProperties >
+export interface GridItemProps extends GridItemProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof GridItemProperties > {}
 
 
 export declare const GridItem: FunctionComponent<GridItemProps>

package/styled-system/jsx/grid.d.ts

@@ -4,7 +4,7 @@ import type { GridProperties } from '../patterns/grid';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type GridProps = GridProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof GridProperties >
+export interface GridProps extends GridProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof GridProperties > {}
 
 
 export declare const Grid: FunctionComponent<GridProps>

package/styled-system/jsx/hstack.d.ts

@@ -4,7 +4,7 @@ import type { HstackProperties } from '../patterns/hstack';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type HstackProps = HstackProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof HstackProperties >
+export interface HstackProps extends HstackProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof HstackProperties > {}
 
 
 export declare const HStack: FunctionComponent<HstackProps>

package/styled-system/jsx/link-box.d.ts

@@ -4,7 +4,7 @@ import type { LinkBoxProperties } from '../patterns/link-box';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type LinkBoxProps = LinkBoxProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof LinkBoxProperties >
+export interface LinkBoxProps extends LinkBoxProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof LinkBoxProperties > {}
 
 
 export declare const LinkBox: FunctionComponent<LinkBoxProps>

package/styled-system/jsx/link-overlay.d.ts

@@ -4,7 +4,7 @@ import type { LinkOverlayProperties } from '../patterns/link-overlay';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type LinkOverlayProps = LinkOverlayProperties & DistributiveOmit<HTMLPandaProps<'a'>, keyof LinkOverlayProperties >
+export interface LinkOverlayProps extends LinkOverlayProperties, DistributiveOmit<HTMLPandaProps<'a'>, keyof LinkOverlayProperties > {}
 
 
 export declare const LinkOverlay: FunctionComponent<LinkOverlayProps>

package/styled-system/jsx/spacer.d.ts

@@ -4,7 +4,7 @@ import type { SpacerProperties } from '../patterns/spacer';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type SpacerProps = SpacerProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof SpacerProperties >
+export interface SpacerProps extends SpacerProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof SpacerProperties > {}
 
 
 export declare const Spacer: FunctionComponent<SpacerProps>

package/styled-system/jsx/square.d.ts

@@ -4,7 +4,7 @@ import type { SquareProperties } from '../patterns/square';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type SquareProps = SquareProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof SquareProperties >
+export interface SquareProps extends SquareProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof SquareProperties > {}
 
 
 export declare const Square: FunctionComponent<SquareProps>

package/styled-system/jsx/stack.d.ts

@@ -4,7 +4,7 @@ import type { StackProperties } from '../patterns/stack';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type StackProps = StackProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof StackProperties >
+export interface StackProps extends StackProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof StackProperties > {}
 
 
 export declare const Stack: FunctionComponent<StackProps>

package/styled-system/jsx/styled-link.d.ts

@@ -4,7 +4,7 @@ import type { StyledLinkProperties } from '../patterns/styled-link';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type StyledLinkProps = StyledLinkProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof StyledLinkProperties >
+export interface StyledLinkProps extends StyledLinkProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof StyledLinkProperties > {}
 
 
 export declare const StyledLink: FunctionComponent<StyledLinkProps>

package/styled-system/jsx/visually-hidden.d.ts

@@ -4,7 +4,7 @@ import type { VisuallyHiddenProperties } from '../patterns/visually-hidden';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type VisuallyHiddenProps = VisuallyHiddenProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof VisuallyHiddenProperties >
+export interface VisuallyHiddenProps extends VisuallyHiddenProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof VisuallyHiddenProperties > {}
 
 
 export declare const VisuallyHidden: FunctionComponent<VisuallyHiddenProps>

package/styled-system/jsx/vstack.d.ts

@@ -4,7 +4,7 @@ import type { VstackProperties } from '../patterns/vstack';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type VstackProps = VstackProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof VstackProperties >
+export interface VstackProps extends VstackProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof VstackProperties > {}
 
 
 export declare const VStack: FunctionComponent<VstackProps>

package/styled-system/jsx/wrap.d.ts

@@ -4,7 +4,7 @@ import type { WrapProperties } from '../patterns/wrap';
 import type { HTMLPandaProps } from '../types/jsx';
 import type { DistributiveOmit } from '../types/system-types';
 
-export type WrapProps = WrapProperties & DistributiveOmit<HTMLPandaProps<'div'>, keyof WrapProperties >
+export interface WrapProps extends WrapProperties, DistributiveOmit<HTMLPandaProps<'div'>, keyof WrapProperties > {}
 
 
 export declare const Wrap: FunctionComponent<WrapProps>

package/styled-system/patterns/aspect-ratio.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type AspectRatioProperties = {
+export interface AspectRatioProperties {
    ratio?: ConditionalValue<number>
 }
 
 
-type AspectRatioStyles = AspectRatioProperties & DistributiveOmit<SystemStyleObject, keyof AspectRatioProperties | 'aspectRatio'>
+interface AspectRatioStyles extends AspectRatioProperties, DistributiveOmit<SystemStyleObject, keyof AspectRatioProperties | 'aspectRatio'> {}
 
 interface AspectRatioPatternFn {
   (styles?: AspectRatioStyles): string

package/styled-system/patterns/bleed.d.ts

@@ -5,13 +5,13 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type BleedProperties = {
+export interface BleedProperties {
    inline?: PropertyValue<'marginInline'>
 	block?: PropertyValue<'marginBlock'>
 }
 
 
-type BleedStyles = BleedProperties & DistributiveOmit<SystemStyleObject, keyof BleedProperties >
+interface BleedStyles extends BleedProperties, DistributiveOmit<SystemStyleObject, keyof BleedProperties > {}
 
 interface BleedPatternFn {
   (styles?: BleedStyles): string

package/styled-system/patterns/box.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type BoxProperties = {
+export interface BoxProperties {
    
 }
 
 
-type BoxStyles = BoxProperties & DistributiveOmit<SystemStyleObject, keyof BoxProperties >
+interface BoxStyles extends BoxProperties, DistributiveOmit<SystemStyleObject, keyof BoxProperties > {}
 
 interface BoxPatternFn {
   (styles?: BoxStyles): string

package/styled-system/patterns/center.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type CenterProperties = {
+export interface CenterProperties {
    inline?: ConditionalValue<boolean>
 }
 
 
-type CenterStyles = CenterProperties & DistributiveOmit<SystemStyleObject, keyof CenterProperties >
+interface CenterStyles extends CenterProperties, DistributiveOmit<SystemStyleObject, keyof CenterProperties > {}
 
 interface CenterPatternFn {
   (styles?: CenterStyles): string

package/styled-system/patterns/circle.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type CircleProperties = {
+export interface CircleProperties {
    size?: PropertyValue<'width'>
 }
 
 
-type CircleStyles = CircleProperties & DistributiveOmit<SystemStyleObject, keyof CircleProperties >
+interface CircleStyles extends CircleProperties, DistributiveOmit<SystemStyleObject, keyof CircleProperties > {}
 
 interface CirclePatternFn {
   (styles?: CircleStyles): string

package/styled-system/patterns/container.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type ContainerProperties = {
+export interface ContainerProperties {
    
 }
 
 
-type ContainerStyles = ContainerProperties & DistributiveOmit<SystemStyleObject, keyof ContainerProperties >
+interface ContainerStyles extends ContainerProperties, DistributiveOmit<SystemStyleObject, keyof ContainerProperties > {}
 
 interface ContainerPatternFn {
   (styles?: ContainerStyles): string

package/styled-system/patterns/divider.d.ts

@@ -5,14 +5,14 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type DividerProperties = {
+export interface DividerProperties {
    orientation?: ConditionalValue<"horizontal" | "vertical">
 	thickness?: ConditionalValue<Tokens["sizes"] | Properties["borderWidth"]>
 	color?: ConditionalValue<Tokens["colors"] | Properties["borderColor"]>
 }
 
 
-type DividerStyles = DividerProperties & DistributiveOmit<SystemStyleObject, keyof DividerProperties >
+interface DividerStyles extends DividerProperties, DistributiveOmit<SystemStyleObject, keyof DividerProperties > {}
 
 interface DividerPatternFn {
   (styles?: DividerStyles): string

package/styled-system/patterns/flex.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type FlexProperties = {
+export interface FlexProperties {
    align?: PropertyValue<'alignItems'>
 	justify?: PropertyValue<'justifyContent'>
 	direction?: PropertyValue<'flexDirection'>
@@ -16,7 +16,7 @@ export type FlexProperties = {
 }
 
 
-type FlexStyles = FlexProperties & DistributiveOmit<SystemStyleObject, keyof FlexProperties >
+interface FlexStyles extends FlexProperties, DistributiveOmit<SystemStyleObject, keyof FlexProperties > {}
 
 interface FlexPatternFn {
   (styles?: FlexStyles): string

package/styled-system/patterns/float.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type FloatProperties = {
+export interface FloatProperties {
    offsetX?: ConditionalValue<Tokens["spacing"] | Properties["left"]>
 	offsetY?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
 	offset?: ConditionalValue<Tokens["spacing"] | Properties["top"]>
@@ -13,7 +13,7 @@ export type FloatProperties = {
 }
 
 
-type FloatStyles = FloatProperties & DistributiveOmit<SystemStyleObject, keyof FloatProperties >
+interface FloatStyles extends FloatProperties, DistributiveOmit<SystemStyleObject, keyof FloatProperties > {}
 
 interface FloatPatternFn {
   (styles?: FloatStyles): string

package/styled-system/patterns/grid-item.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type GridItemProperties = {
+export interface GridItemProperties {
    colSpan?: ConditionalValue<number>
 	rowSpan?: ConditionalValue<number>
 	colStart?: ConditionalValue<number>
@@ -15,7 +15,7 @@ export type GridItemProperties = {
 }
 
 
-type GridItemStyles = GridItemProperties & DistributiveOmit<SystemStyleObject, keyof GridItemProperties >
+interface GridItemStyles extends GridItemProperties, DistributiveOmit<SystemStyleObject, keyof GridItemProperties > {}
 
 interface GridItemPatternFn {
   (styles?: GridItemStyles): string

package/styled-system/patterns/grid.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type GridProperties = {
+export interface GridProperties {
    gap?: PropertyValue<'gap'>
 	columnGap?: PropertyValue<'gap'>
 	rowGap?: PropertyValue<'gap'>
@@ -14,7 +14,7 @@ export type GridProperties = {
 }
 
 
-type GridStyles = GridProperties & DistributiveOmit<SystemStyleObject, keyof GridProperties >
+interface GridStyles extends GridProperties, DistributiveOmit<SystemStyleObject, keyof GridProperties > {}
 
 interface GridPatternFn {
   (styles?: GridStyles): string

package/styled-system/patterns/hstack.d.ts

@@ -5,13 +5,13 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type HstackProperties = {
+export interface HstackProperties {
    justify?: PropertyValue<'justifyContent'>
 	gap?: PropertyValue<'gap'>
 }
 
 
-type HstackStyles = HstackProperties & DistributiveOmit<SystemStyleObject, keyof HstackProperties >
+interface HstackStyles extends HstackProperties, DistributiveOmit<SystemStyleObject, keyof HstackProperties > {}
 
 interface HstackPatternFn {
   (styles?: HstackStyles): string

package/styled-system/patterns/link-box.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type LinkBoxProperties = {
+export interface LinkBoxProperties {
    
 }
 
 
-type LinkBoxStyles = LinkBoxProperties & DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties >
+interface LinkBoxStyles extends LinkBoxProperties, DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties > {}
 
 interface LinkBoxPatternFn {
   (styles?: LinkBoxStyles): string

package/styled-system/patterns/link-overlay.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type LinkOverlayProperties = {
+export interface LinkOverlayProperties {
    
 }
 
 
-type LinkOverlayStyles = LinkOverlayProperties & DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties >
+interface LinkOverlayStyles extends LinkOverlayProperties, DistributiveOmit<SystemStyleObject, keyof LinkOverlayProperties > {}
 
 interface LinkOverlayPatternFn {
   (styles?: LinkOverlayStyles): string

package/styled-system/patterns/spacer.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type SpacerProperties = {
+export interface SpacerProperties {
    size?: ConditionalValue<Tokens["spacing"]>
 }
 
 
-type SpacerStyles = SpacerProperties & DistributiveOmit<SystemStyleObject, keyof SpacerProperties >
+interface SpacerStyles extends SpacerProperties, DistributiveOmit<SystemStyleObject, keyof SpacerProperties > {}
 
 interface SpacerPatternFn {
   (styles?: SpacerStyles): string

package/styled-system/patterns/square.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type SquareProperties = {
+export interface SquareProperties {
    size?: PropertyValue<'width'>
 }
 
 
-type SquareStyles = SquareProperties & DistributiveOmit<SystemStyleObject, keyof SquareProperties >
+interface SquareStyles extends SquareProperties, DistributiveOmit<SystemStyleObject, keyof SquareProperties > {}
 
 interface SquarePatternFn {
   (styles?: SquareStyles): string

package/styled-system/patterns/stack.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type StackProperties = {
+export interface StackProperties {
    align?: PropertyValue<'alignItems'>
 	justify?: PropertyValue<'justifyContent'>
 	direction?: PropertyValue<'flexDirection'>
@@ -13,7 +13,7 @@ export type StackProperties = {
 }
 
 
-type StackStyles = StackProperties & DistributiveOmit<SystemStyleObject, keyof StackProperties >
+interface StackStyles extends StackProperties, DistributiveOmit<SystemStyleObject, keyof StackProperties > {}
 
 interface StackPatternFn {
   (styles?: StackStyles): string

package/styled-system/patterns/styled-link.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type StyledLinkProperties = {
+export interface StyledLinkProperties {
    
 }
 
 
-type StyledLinkStyles = StyledLinkProperties & DistributiveOmit<SystemStyleObject, keyof StyledLinkProperties >
+interface StyledLinkStyles extends StyledLinkProperties, DistributiveOmit<SystemStyleObject, keyof StyledLinkProperties > {}
 
 interface StyledLinkPatternFn {
   (styles?: StyledLinkStyles): string

package/styled-system/patterns/visually-hidden.d.ts

@@ -5,12 +5,12 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type VisuallyHiddenProperties = {
+export interface VisuallyHiddenProperties {
    
 }
 
 
-type VisuallyHiddenStyles = VisuallyHiddenProperties & DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties >
+interface VisuallyHiddenStyles extends VisuallyHiddenProperties, DistributiveOmit<SystemStyleObject, keyof VisuallyHiddenProperties > {}
 
 interface VisuallyHiddenPatternFn {
   (styles?: VisuallyHiddenStyles): string

package/styled-system/patterns/vstack.d.ts

@@ -5,13 +5,13 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type VstackProperties = {
+export interface VstackProperties {
    justify?: PropertyValue<'justifyContent'>
 	gap?: PropertyValue<'gap'>
 }
 
 
-type VstackStyles = VstackProperties & DistributiveOmit<SystemStyleObject, keyof VstackProperties >
+interface VstackStyles extends VstackProperties, DistributiveOmit<SystemStyleObject, keyof VstackProperties > {}
 
 interface VstackPatternFn {
   (styles?: VstackStyles): string

package/styled-system/patterns/wrap.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValue } from '../types/prop-type';
 import type { DistributiveOmit } from '../types/system-types';
 import type { Tokens } from '../tokens/index';
 
-export type WrapProperties = {
+export interface WrapProperties {
    gap?: PropertyValue<'gap'>
 	rowGap?: PropertyValue<'gap'>
 	columnGap?: PropertyValue<'gap'>
@@ -14,7 +14,7 @@ export type WrapProperties = {
 }
 
 
-type WrapStyles = WrapProperties & DistributiveOmit<SystemStyleObject, keyof WrapProperties >
+interface WrapStyles extends WrapProperties, DistributiveOmit<SystemStyleObject, keyof WrapProperties > {}
 
 interface WrapPatternFn {
   (styles?: WrapStyles): string