@mekari/pixel3-styled-system - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8-dev.0

CHANGELOG.md

 # @mekari/pixel3-styled-system
 
+## 0.0.8-dev.0
+
+### Patch Changes
+
+- b1662ba: Generate styledgen
+- f86bca4: Generate new style for Panda version 0.39.2
+
 ## 0.0.7
@@ -4,0 +11,0 @@

css/css.d.ts

 /* eslint-disable */
 import type { SystemStyleObject } from '../types/index';
 
+type Styles = SystemStyleObject | undefined | null | false
+
+interface CssRawFunction {
+  (styles: Styles): SystemStyleObject
+  (styles: Styles[]): SystemStyleObject
+  (...styles: Array<Styles | Styles[]>): SystemStyleObject
+  (styles: Styles): SystemStyleObject
+}
+
 interface CssFunction {
-  (...styles: Array<SystemStyleObject | undefined | null | false>): string
-  raw: (...styles: Array<SystemStyleObject | undefined | null | false>) => SystemStyleObject
+  (styles: Styles): string
+  (styles: Styles[]): string
+  (...styles: Array<Styles | Styles[]>): string
+  (styles: Styles): string
+
+  raw: CssRawFunction
 }
 
 export declare const css: CssFunction;

css/cva.d.ts

@@ -6,2 +6,2 @@ /* eslint-disable */
 
-export type { RecipeVariantProps } from '../types/recipe';
+export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';

jsx/index.d.ts

@@ -13,3 +13,2 @@ /* eslint-disable */
 export * from './center';
-export * from './link-box';
 export * from './link-overlay';
@@ -16,0 +15,0 @@ export * from './aspect-ratio';

jsx/is-valid-prop.d.ts

@@ -7,7 +7,6 @@ /* eslint-disable */
 type CssPropKey = keyof JsxStyleProps
-type PickedCssProps<T> = Pretty<Pick<T, CssPropKey>>
 type OmittedCssProps<T> = Pretty<DistributiveOmit<T, CssPropKey>>
 
-declare const splitCssProps: <T>(props: T) => [PickedCssProps<T>, OmittedCssProps<T>]
+declare const splitCssProps: <T>(props: T) => [JsxStyleProps, OmittedCssProps<T>]
 
 export { isCssProperty, splitCssProps };

package.json

 {
   "name": "@mekari/pixel3-styled-system",
   "description": "This package is auto-generated by Panda CSS",
-  "version": "0.0.7",
+  "version": "0.0.8-dev.0",
   "type": "module",
@@ -6,0 +6,0 @@ "publishConfig": {

patterns/aspect-ratio.d.ts

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

patterns/bleed.d.ts

 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
@@ -9,4 +9,4 @@ import type { Tokens } from '../tokens/index';
 export interface BleedProperties {
-   inline?: PropertyValue<'marginInline'>
-	block?: PropertyValue<'marginBlock'>
+   inline?: SystemProperties["marginInline"]
+	block?: SystemProperties["marginBlock"]
 }
@@ -13,0 +13,0 @@

patterns/box.d.ts

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

patterns/center.d.ts

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

patterns/circle.d.ts

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

patterns/container.d.ts

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

patterns/cq.d.ts

 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
@@ -10,3 +10,3 @@ import type { Tokens } from '../tokens/index';
    name?: ConditionalValue<Tokens["containerNames"] | Properties["containerName"]>
-	type?: PropertyValue<'containerType'>
+	type?: SystemProperties["containerType"]
 }
@@ -13,0 +13,0 @@

patterns/divider.d.ts

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

patterns/flex.d.ts

 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
@@ -9,9 +9,9 @@ import type { Tokens } from '../tokens/index';
 export interface FlexProperties {
-   align?: PropertyValue<'alignItems'>
-	justify?: PropertyValue<'justifyContent'>
-	direction?: PropertyValue<'flexDirection'>
-	wrap?: PropertyValue<'flexWrap'>
-	basis?: PropertyValue<'flexBasis'>
-	grow?: PropertyValue<'flexGrow'>
-	shrink?: PropertyValue<'flexShrink'>
+   align?: SystemProperties["alignItems"]
+	justify?: SystemProperties["justifyContent"]
+	direction?: SystemProperties["flexDirection"]
+	wrap?: SystemProperties["flexWrap"]
+	basis?: SystemProperties["flexBasis"]
+	grow?: SystemProperties["flexGrow"]
+	shrink?: SystemProperties["flexShrink"]
 }
@@ -18,0 +18,0 @@

patterns/float.d.ts

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

patterns/grid-item.d.ts

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

patterns/grid.d.ts

 /* eslint-disable */
 import type { SystemStyleObject, ConditionalValue } from '../types/index';
 import type { Properties } from '../types/csstype';
-import type { PropertyValue } from '../types/prop-type';
+import type { SystemProperties } from '../types/style-props';
 import type { DistributiveOmit } from '../types/system-types';
@@ -9,5 +9,5 @@ import type { Tokens } from '../tokens/index';
 export interface GridProperties {
-   gap?: PropertyValue<'gap'>
-	columnGap?: PropertyValue<'gap'>
-	rowGap?: PropertyValue<'gap'>
+   gap?: SystemProperties["gap"]
+	columnGap?: SystemProperties["gap"]
+	rowGap?: SystemProperties["gap"]
 	columns?: ConditionalValue<number>
@@ -14,0 +14,0 @@ minChildWidth?: ConditionalValue<Tokens["sizes"] | Properties["width"]>

patterns/hstack.d.ts

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

patterns/index.d.ts

@@ -11,3 +11,2 @@ /* eslint-disable */
 export * from './center';
-export * from './link-box';
 export * from './link-overlay';
@@ -14,0 +13,0 @@ export * from './aspect-ratio';

patterns/link-overlay.d.ts

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

patterns/spacer.d.ts

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

patterns/square.d.ts

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

patterns/stack.d.ts

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

patterns/visually-hidden.d.ts

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

patterns/vstack.d.ts

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

patterns/wrap.d.ts

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

recipes/accordion.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends AccordionVariantProps>(props: Props): [AccordionVariantProps, Pretty<DistributiveOmit<Props, keyof AccordionVariantProps>>]
+  getVariantProps: (props?: AccordionVariantProps) => AccordionVariantProps
 }
@@ -26,0 +27,0 @@

recipes/avatar-group-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends AvatarGroupSlotRecipeVariantProps>(props: Props): [AvatarGroupSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarGroupSlotRecipeVariantProps>>]
+  getVariantProps: (props?: AvatarGroupSlotRecipeVariantProps) => AvatarGroupSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/avatar-slot-recipe.d.ts

@@ -27,2 +27,3 @@ /* eslint-disable */
   splitVariantProps<Props extends AvatarSlotRecipeVariantProps>(props: Props): [AvatarSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof AvatarSlotRecipeVariantProps>>]
+  getVariantProps: (props?: AvatarSlotRecipeVariantProps) => AvatarSlotRecipeVariantProps
 }
@@ -29,0 +30,0 @@

recipes/badge-recipe.d.ts

@@ -26,2 +26,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BadgeRecipeVariantProps>(props: Props): [BadgeRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BadgeRecipeVariantProps>>]
+  getVariantProps: (props?: BadgeRecipeVariantProps) => BadgeRecipeVariantProps
 }
@@ -28,0 +29,0 @@

recipes/banner-close-button-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BannerCloseButtonRecipeVariantProps>(props: Props): [BannerCloseButtonRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerCloseButtonRecipeVariantProps>>]
+  getVariantProps: (props?: BannerCloseButtonRecipeVariantProps) => BannerCloseButtonRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/banner-description-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BannerDescriptionRecipeVariantProps>(props: Props): [BannerDescriptionRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerDescriptionRecipeVariantProps>>]
+  getVariantProps: (props?: BannerDescriptionRecipeVariantProps) => BannerDescriptionRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/banner-icon-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BannerIconSlotRecipeVariantProps>(props: Props): [BannerIconSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerIconSlotRecipeVariantProps>>]
+  getVariantProps: (props?: BannerIconSlotRecipeVariantProps) => BannerIconSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/banner-link-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BannerLinkRecipeVariantProps>(props: Props): [BannerLinkRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerLinkRecipeVariantProps>>]
+  getVariantProps: (props?: BannerLinkRecipeVariantProps) => BannerLinkRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/banner-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BannerSlotRecipeVariantProps>(props: Props): [BannerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerSlotRecipeVariantProps>>]
+  getVariantProps: (props?: BannerSlotRecipeVariantProps) => BannerSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/banner-title-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BannerTitleRecipeVariantProps>(props: Props): [BannerTitleRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerTitleRecipeVariantProps>>]
+  getVariantProps: (props?: BannerTitleRecipeVariantProps) => BannerTitleRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/broadcast-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends BroadcastSlotRecipeVariantProps>(props: Props): [BroadcastSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BroadcastSlotRecipeVariantProps>>]
+  getVariantProps: (props?: BroadcastSlotRecipeVariantProps) => BroadcastSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/button-group-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends ButtonGroupRecipeVariantProps>(props: Props): [ButtonGroupRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ButtonGroupRecipeVariantProps>>]
+  getVariantProps: (props?: ButtonGroupRecipeVariantProps) => ButtonGroupRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/button-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends ButtonRecipeVariantProps>(props: Props): [ButtonRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ButtonRecipeVariantProps>>]
+  getVariantProps: (props?: ButtonRecipeVariantProps) => ButtonRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/calendar-panel-range-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends CalendarPanelRangeRecipeVariantProps>(props: Props): [CalendarPanelRangeRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof CalendarPanelRangeRecipeVariantProps>>]
+  getVariantProps: (props?: CalendarPanelRangeRecipeVariantProps) => CalendarPanelRangeRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/carousel-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends CarouselSlotRecipeVariantProps>(props: Props): [CarouselSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof CarouselSlotRecipeVariantProps>>]
+  getVariantProps: (props?: CarouselSlotRecipeVariantProps) => CarouselSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/checkbox-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends CheckboxSlotRecipeVariantProps>(props: Props): [CheckboxSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof CheckboxSlotRecipeVariantProps>>]
+  getVariantProps: (props?: CheckboxSlotRecipeVariantProps) => CheckboxSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/date-item-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends DateItemRecipeVariantProps>(props: Props): [DateItemRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DateItemRecipeVariantProps>>]
+  getVariantProps: (props?: DateItemRecipeVariantProps) => DateItemRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/date-picker-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends DatePickerSlotRecipeVariantProps>(props: Props): [DatePickerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DatePickerSlotRecipeVariantProps>>]
+  getVariantProps: (props?: DatePickerSlotRecipeVariantProps) => DatePickerSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/day-item-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends DayItemRecipeVariantProps>(props: Props): [DayItemRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DayItemRecipeVariantProps>>]
+  getVariantProps: (props?: DayItemRecipeVariantProps) => DayItemRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/divider-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends DividerRecipeVariantProps>(props: Props): [DividerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DividerRecipeVariantProps>>]
+  getVariantProps: (props?: DividerRecipeVariantProps) => DividerRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/dropzone-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends DropzoneSlotRecipeVariantProps>(props: Props): [DropzoneSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DropzoneSlotRecipeVariantProps>>]
+  getVariantProps: (props?: DropzoneSlotRecipeVariantProps) => DropzoneSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/form-control-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends FormControlSlotRecipeVariantProps>(props: Props): [FormControlSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FormControlSlotRecipeVariantProps>>]
+  getVariantProps: (props?: FormControlSlotRecipeVariantProps) => FormControlSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/icon-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends IconRecipeVariantProps>(props: Props): [IconRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof IconRecipeVariantProps>>]
+  getVariantProps: (props?: IconRecipeVariantProps) => IconRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/index.d.ts

@@ -59,2 +59,3 @@ /* eslint-disable */
 export * from './pinbar-slot-recipe';
-export * from './carousel-slot-recipe';
+export * from './carousel-slot-recipe';
+export * from './chart-slot-recipe';

recipes/input-addon-slot-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends InputAddonSlotRecipeVariantProps>(props: Props): [InputAddonSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputAddonSlotRecipeVariantProps>>]
+  getVariantProps: (props?: InputAddonSlotRecipeVariantProps) => InputAddonSlotRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/input-group-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends InputGroupSlotRecipeVariantProps>(props: Props): [InputGroupSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputGroupSlotRecipeVariantProps>>]
+  getVariantProps: (props?: InputGroupSlotRecipeVariantProps) => InputGroupSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/input-slot-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends InputSlotRecipeVariantProps>(props: Props): [InputSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputSlotRecipeVariantProps>>]
+  getVariantProps: (props?: InputSlotRecipeVariantProps) => InputSlotRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/input-tag-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends InputTagSlotRecipeVariantProps>(props: Props): [InputTagSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagSlotRecipeVariantProps>>]
+  getVariantProps: (props?: InputTagSlotRecipeVariantProps) => InputTagSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/modal-slot-recipe.d.ts

@@ -24,5 +24,10 @@ /* eslint-disable */
   splitVariantProps<Props extends ModalSlotRecipeVariantProps>(props: Props): [ModalSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ModalSlotRecipeVariantProps>>]
+  getVariantProps: (props?: ModalSlotRecipeVariantProps) => ModalSlotRecipeVariantProps
 }
 
-/** The styles for the Modal component */
+/**
+ * The styles for the Modal component
+
+
+ */
 export declare const modalSlotRecipe: ModalSlotRecipeRecipe

recipes/month-item-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends MonthItemRecipeVariantProps>(props: Props): [MonthItemRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof MonthItemRecipeVariantProps>>]
+  getVariantProps: (props?: MonthItemRecipeVariantProps) => MonthItemRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/pinbar-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends PinbarSlotRecipeVariantProps>(props: Props): [PinbarSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof PinbarSlotRecipeVariantProps>>]
+  getVariantProps: (props?: PinbarSlotRecipeVariantProps) => PinbarSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/popover-content-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends PopoverContentRecipeVariantProps>(props: Props): [PopoverContentRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof PopoverContentRecipeVariantProps>>]
+  getVariantProps: (props?: PopoverContentRecipeVariantProps) => PopoverContentRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/popover-list-item-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends PopoverListItemRecipeVariantProps>(props: Props): [PopoverListItemRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof PopoverListItemRecipeVariantProps>>]
+  getVariantProps: (props?: PopoverListItemRecipeVariantProps) => PopoverListItemRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/popover-list-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends PopoverListRecipeVariantProps>(props: Props): [PopoverListRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof PopoverListRecipeVariantProps>>]
+  getVariantProps: (props?: PopoverListRecipeVariantProps) => PopoverListRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/progress-slot-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends ProgressSlotRecipeVariantProps>(props: Props): [ProgressSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ProgressSlotRecipeVariantProps>>]
+  getVariantProps: (props?: ProgressSlotRecipeVariantProps) => ProgressSlotRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/radio-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends RadioSlotRecipeVariantProps>(props: Props): [RadioSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof RadioSlotRecipeVariantProps>>]
+  getVariantProps: (props?: RadioSlotRecipeVariantProps) => RadioSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/rich-text-editor-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends RichTextEditorSlotRecipeVariantProps>(props: Props): [RichTextEditorSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof RichTextEditorSlotRecipeVariantProps>>]
+  getVariantProps: (props?: RichTextEditorSlotRecipeVariantProps) => RichTextEditorSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/rtestyle-provider-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends RTEStyleProviderRecipeVariantProps>(props: Props): [RTEStyleProviderRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof RTEStyleProviderRecipeVariantProps>>]
+  getVariantProps: (props?: RTEStyleProviderRecipeVariantProps) => RTEStyleProviderRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/segmented-control-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends SegmentedControlSlotRecipeVariantProps>(props: Props): [SegmentedControlSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SegmentedControlSlotRecipeVariantProps>>]
+  getVariantProps: (props?: SegmentedControlSlotRecipeVariantProps) => SegmentedControlSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/select-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends SelectSlotRecipeVariantProps>(props: Props): [SelectSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SelectSlotRecipeVariantProps>>]
+  getVariantProps: (props?: SelectSlotRecipeVariantProps) => SelectSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/selected-border-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends SelectedBorderRecipeVariantProps>(props: Props): [SelectedBorderRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SelectedBorderRecipeVariantProps>>]
+  getVariantProps: (props?: SelectedBorderRecipeVariantProps) => SelectedBorderRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/shared-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends SharedSlotRecipeVariantProps>(props: Props): [SharedSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SharedSlotRecipeVariantProps>>]
+  getVariantProps: (props?: SharedSlotRecipeVariantProps) => SharedSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/spinner-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends SpinnerRecipeVariantProps>(props: Props): [SpinnerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof SpinnerRecipeVariantProps>>]
+  getVariantProps: (props?: SpinnerRecipeVariantProps) => SpinnerRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/tab-list-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TabListRecipeVariantProps>(props: Props): [TabListRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TabListRecipeVariantProps>>]
+  getVariantProps: (props?: TabListRecipeVariantProps) => TabListRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/tab-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TabRecipeVariantProps>(props: Props): [TabRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TabRecipeVariantProps>>]
+  getVariantProps: (props?: TabRecipeVariantProps) => TabRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/table-container-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TableContainerRecipeVariantProps>(props: Props): [TableContainerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableContainerRecipeVariantProps>>]
+  getVariantProps: (props?: TableContainerRecipeVariantProps) => TableContainerRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/table-date-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TableDateSlotRecipeVariantProps>(props: Props): [TableDateSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableDateSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TableDateSlotRecipeVariantProps) => TableDateSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/table-month-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TableMonthSlotRecipeVariantProps>(props: Props): [TableMonthSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableMonthSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TableMonthSlotRecipeVariantProps) => TableMonthSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/table-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TableRecipeVariantProps>(props: Props): [TableRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableRecipeVariantProps>>]
+  getVariantProps: (props?: TableRecipeVariantProps) => TableRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/table-year-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TableYearSlotRecipeVariantProps>(props: Props): [TableYearSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TableYearSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TableYearSlotRecipeVariantProps) => TableYearSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/tag-slot-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TagSlotRecipeVariantProps>(props: Props): [TagSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TagSlotRecipeVariantProps>>]
+  getVariantProps: (props?: TagSlotRecipeVariantProps) => TagSlotRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/text-recipe.d.ts

@@ -25,2 +25,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TextRecipeVariantProps>(props: Props): [TextRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextRecipeVariantProps>>]
+  getVariantProps: (props?: TextRecipeVariantProps) => TextRecipeVariantProps
 }
@@ -27,0 +28,0 @@

recipes/textarea-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TextareaRecipeVariantProps>(props: Props): [TextareaRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextareaRecipeVariantProps>>]
+  getVariantProps: (props?: TextareaRecipeVariantProps) => TextareaRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/toast-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends ToastSlotRecipeVariantProps>(props: Props): [ToastSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ToastSlotRecipeVariantProps>>]
+  getVariantProps: (props?: ToastSlotRecipeVariantProps) => ToastSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/toggle-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends ToggleSlotRecipeVariantProps>(props: Props): [ToggleSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ToggleSlotRecipeVariantProps>>]
+  getVariantProps: (props?: ToggleSlotRecipeVariantProps) => ToggleSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/tooltip-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends TooltipRecipeVariantProps>(props: Props): [TooltipRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TooltipRecipeVariantProps>>]
+  getVariantProps: (props?: TooltipRecipeVariantProps) => TooltipRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/upload-list-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends UploadListSlotRecipeVariantProps>(props: Props): [UploadListSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof UploadListSlotRecipeVariantProps>>]
+  getVariantProps: (props?: UploadListSlotRecipeVariantProps) => UploadListSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/upload-slot-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends UploadSlotRecipeVariantProps>(props: Props): [UploadSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof UploadSlotRecipeVariantProps>>]
+  getVariantProps: (props?: UploadSlotRecipeVariantProps) => UploadSlotRecipeVariantProps
 }
@@ -26,0 +27,0 @@

recipes/year-item-recipe.d.ts

@@ -24,2 +24,3 @@ /* eslint-disable */
   splitVariantProps<Props extends YearItemRecipeVariantProps>(props: Props): [YearItemRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof YearItemRecipeVariantProps>>]
+  getVariantProps: (props?: YearItemRecipeVariantProps) => YearItemRecipeVariantProps
 }
@@ -26,0 +27,0 @@

tokens/tokens.d.ts

@@ -36,4 +36,2 @@ /* eslint-disable */
 
-export type AnimationName = "fade-in" | "fade-out" | "spin"
-
 export type Tokens = {
@@ -55,5 +53,4 @@ borders: BorderToken
 		breakpoints: BreakpointToken
-		animationName: AnimationName
 } & { [token: string]: never }
 
 export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"

types/composition.d.ts

@@ -18,30 +18,57 @@ /* eslint-disable */
 type TextStyleProperty =
+  | 'font'
+  | 'fontFamily'
+  | 'fontFeatureSettings'
+  | 'fontKerning'
+  | 'fontLanguageOverride'
+  | 'fontOpticalSizing'
+  | 'fontPalette'
   | 'fontSize'
   | 'fontSizeAdjust'
-  | 'fontVariationSettings'
-  | 'fontVariantPosition'
+  | 'fontStretch'
+  | 'fontStyle'
+  | 'fontSynthesis'
+  | 'fontVariant'
+  | 'fontVariantAlternates'
   | 'fontVariantCaps'
+  | 'fontVariantLigatures'
   | 'fontVariantNumeric'
-  | 'fontVariantAlternates'
-  | 'fontVariantLigatures'
-  | 'fontFamily'
+  | 'fontVariantPosition'
+  | 'fontVariationSettings'
   | 'fontWeight'
-  | 'fontSynthesis'
-  | 'fontStyle'
-  | 'fontVariant'
+  | 'hypens'
+  | 'hyphenateCharacter'
+  | 'hyphenateLimitChars'
+  | 'letterSpacing'
+  | 'lineBreak'
   | 'lineHeight'
-  | 'letterSpacing'
+  | 'quotes'
+  | 'overflowWrap'
+  | 'textCombineUpright'
   | 'textDecoration'
-  | 'textTransform'
-  | 'textIndent'
   | 'textDecorationColor'
   | 'textDecorationLine'
+  | 'textDecorationSkipInk'
   | 'textDecorationStyle'
+  | 'textDecorationThickness'
+  | 'textEmphasis'
   | 'textEmphasisColor'
   | 'textEmphasisPosition'
   | 'textEmphasisStyle'
-  | 'hyphenateCharacter'
+  | 'textIndent'
+  | 'textJustify'
   | 'textOrientation'
   | 'textOverflow'
   | 'textRendering'
+  | 'textShadow'
+  | 'textTransform'
+  | 'textUnderlineOffset'
+  | 'textUnderlinePosition'
+  | 'textWrap'
+  | 'textWrapMode'
+  | 'textWrapStyle'
+  | 'verticalAlign'
+  | 'whiteSpace'
+  | 'wordBreak'
+  | 'wordSpacing'
 
@@ -48,0 +75,0 @@ export type TextStyle = CompositionStyleObject<TextStyleProperty>

types/conditions.d.ts

@@ -153,5 +153,5 @@ /* eslint-disable */
 	"_portrait": string
-	/** ` &.dark, .dark &` */
+	/** `.dark &` */
 	"_dark": string
-	/** ` &.light, .light &` */
+	/** `.light &` */
 	"_light": string
@@ -182,2 +182,4 @@ /** `@media (prefers-color-scheme: dark)` */
 	"_vertical": string
+	/** `@starting-style` */
+	"_starting": string
 	/** `&:is([hidden])` */
@@ -203,37 +205,37 @@ "_hidden": string
 	"_placementRight": string
-	/** `@media screen and (min-width: 22.5em)` */
+	/** `@media screen and (min-width: 22.5rem)` */
 	"sm": string
-	/** `@media screen and (min-width: 22.5em) and (max-width: 47.9975em)` */
+	/** `@media screen and (min-width: 22.5rem) and (max-width: 47.9975rem)` */
 	"smOnly": string
-	/** `@media screen and (max-width: 22.4975em)` */
+	/** `@media screen and (max-width: 22.4975rem)` */
 	"smDown": string
-	/** `@media screen and (min-width: 48em)` */
+	/** `@media screen and (min-width: 48rem)` */
 	"md": string
-	/** `@media screen and (min-width: 48em) and (max-width: 63.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
 	"mdOnly": string
-	/** `@media screen and (max-width: 47.9975em)` */
+	/** `@media screen and (max-width: 47.9975rem)` */
 	"mdDown": string
-	/** `@media screen and (min-width: 64em)` */
+	/** `@media screen and (min-width: 64rem)` */
 	"lg": string
-	/** `@media screen and (min-width: 64em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
 	"lgOnly": string
-	/** `@media screen and (max-width: 63.9975em)` */
+	/** `@media screen and (max-width: 63.9975rem)` */
 	"lgDown": string
-	/** `@media screen and (min-width: 80em)` */
+	/** `@media screen and (min-width: 80rem)` */
 	"xl": string
-	/** `@media screen and (min-width: 80em)` */
+	/** `@media screen and (min-width: 80rem)` */
 	"xlOnly": string
-	/** `@media screen and (max-width: 79.9975em)` */
+	/** `@media screen and (max-width: 79.9975rem)` */
 	"xlDown": string
-	/** `@media screen and (min-width: 22.5em) and (max-width: 47.9975em)` */
+	/** `@media screen and (min-width: 22.5rem) and (max-width: 47.9975rem)` */
 	"smToMd": string
-	/** `@media screen and (min-width: 22.5em) and (max-width: 63.9975em)` */
+	/** `@media screen and (min-width: 22.5rem) and (max-width: 63.9975rem)` */
 	"smToLg": string
-	/** `@media screen and (min-width: 22.5em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 22.5rem) and (max-width: 79.9975rem)` */
 	"smToXl": string
-	/** `@media screen and (min-width: 48em) and (max-width: 63.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
 	"mdToLg": string
-	/** `@media screen and (min-width: 48em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
 	"mdToXl": string
-	/** `@media screen and (min-width: 64em) and (max-width: 79.9975em)` */
+	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
 	"lgToXl": string
@@ -244,13 +246,9 @@ /** The base (=no conditions) styles to apply  */
 
-export type Condition = keyof Conditions
-
-export type Conditional<V> =
+export type ConditionalValue<V> =
   | V
   | Array<V | null>
   | {
-      [K in keyof Conditions]?: Conditional<V>
+      [K in keyof Conditions]?: ConditionalValue<V>
     }
 
-export type ConditionalValue<T> = Conditional<T>
-
 export type Nested<P> = P & {
@@ -257,0 +255,0 @@ [K in Selectors]?: Nested<P>

types/pattern.d.ts

@@ -54,2 +54,6 @@ /* eslint-disable */
   /**
+   * Whether the pattern is deprecated.
+   */
+  deprecated?: boolean | string
+  /**
    * The jsx element name this pattern will generate.
@@ -56,0 +60,0 @@ */

types/prop-type.d.ts

@@ -6,4 +6,3 @@ /* eslint-disable */
 
-interface PropertyValueTypes {
-	aspectRatio: Tokens["aspectRatios"];
+export interface UtilityValues {
 	zIndex: Tokens["zIndex"];
@@ -21,5 +20,3 @@ top: Tokens["spacing"];
 	bottom: Tokens["spacing"];
-	insetX: Tokens["spacing"] | CssProperties["insetInline"];
-	insetY: Tokens["spacing"] | CssProperties["insetBlock"];
-	float: "left" | "right" | "start" | "end";
+	float: "start" | "end" | CssProperties["float"];
 	hideFrom: Tokens["breakpoints"];
@@ -63,8 +60,7 @@ hideBelow: Tokens["breakpoints"];
 	marginInlineStart: "auto" | Tokens["spacing"];
-	outlineWidth: Tokens["borderWidths"];
+	spaceX: "auto" | Tokens["spacing"] | CssProperties["marginInlineStart"];
+	spaceY: "auto" | Tokens["spacing"] | CssProperties["marginBlockStart"];
 	outlineColor: Tokens["colors"];
 	outline: Tokens["borders"];
 	outlineOffset: Tokens["spacing"];
-	divideX: string;
-	divideY: string;
 	divideColor: Tokens["colors"];
@@ -95,10 +91,9 @@ divideStyle: CssProperties["borderStyle"];
 	textShadow: Tokens["shadows"];
+	textShadowColor: Tokens["colors"];
 	textWrap: "wrap" | "balance" | "nowrap";
 	truncate: boolean;
-	listStyleImage: Tokens["assets"];
 	background: Tokens["colors"];
 	backgroundColor: Tokens["colors"];
-	backgroundImage: Tokens["assets"];
-	backgroundGradient: Tokens["gradients"] | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
-	textGradient: Tokens["gradients"] | "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
+	backgroundGradient: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
+	textGradient: "to-t" | "to-tr" | "to-r" | "to-br" | "to-b" | "to-bl" | "to-l" | "to-tl";
 	gradientFrom: Tokens["colors"];
@@ -123,13 +118,6 @@ gradientTo: Tokens["colors"];
 	border: Tokens["borders"];
-	borderWidth: Tokens["borderWidths"];
-	borderTopWidth: Tokens["borderWidths"];
-	borderLeftWidth: Tokens["borderWidths"];
-	borderRightWidth: Tokens["borderWidths"];
-	borderBottomWidth: Tokens["borderWidths"];
 	borderColor: Tokens["colors"];
 	borderInline: Tokens["borders"];
-	borderInlineWidth: Tokens["borderWidths"];
 	borderInlineColor: Tokens["colors"];
 	borderBlock: Tokens["borders"];
-	borderBlockWidth: Tokens["borderWidths"];
 	borderBlockColor: Tokens["colors"];
@@ -139,3 +127,2 @@ borderLeft: Tokens["borders"];
 	borderInlineStart: Tokens["borders"];
-	borderInlineStartWidth: Tokens["borderWidths"];
 	borderInlineStartColor: Tokens["colors"];
@@ -145,3 +132,2 @@ borderRight: Tokens["borders"];
 	borderInlineEnd: Tokens["borders"];
-	borderInlineEndWidth: Tokens["borderWidths"];
 	borderInlineEndColor: Tokens["colors"];
@@ -160,20 +146,21 @@ borderTop: Tokens["borders"];
 	filter: "auto";
-	dropShadow: Tokens["dropShadows"];
-	blur: Tokens["blurs"];
 	backdropFilter: "auto";
-	backdropBlur: Tokens["blurs"];
-	borderSpacing: Tokens["spacing"];
+	borderSpacing: Tokens["spacing"] | "auto";
 	borderSpacingX: Tokens["spacing"];
 	borderSpacingY: Tokens["spacing"];
-	transitionTimingFunction: Tokens["easings"];
 	transitionDelay: Tokens["durations"];
 	transitionDuration: Tokens["durations"];
 	transition: "all" | "common" | "background" | "colors" | "opacity" | "shadow" | "transform";
-	animation: Tokens["animations"];
-	animationName: Tokens["animationName"];
+	animationName: "fade-in" | "fade-out" | "spin";
+	animationDuration: Tokens["durations"];
 	animationDelay: Tokens["durations"];
+	rotate: "auto" | "auto-3d" | CssProperties["rotate"];
+	rotateX: CssProperties["rotate"];
+	rotateY: CssProperties["rotate"];
+	rotateZ: CssProperties["rotate"];
 	scale: "auto" | CssProperties["scale"];
-	translate: "auto" | CssProperties["translate"];
+	translate: "auto" | "auto-3d" | CssProperties["translate"];
 	translateX: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
 	translateY: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
+	translateZ: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
 	accentColor: Tokens["colors"];
@@ -183,4 +170,2 @@ caretColor: Tokens["colors"];
 	scrollMargin: Tokens["spacing"];
-	scrollMarginX: Tokens["spacing"] | CssProperties["scrollMarginInline"];
-	scrollMarginY: Tokens["spacing"] | CssProperties["scrollMarginBlock"];
 	scrollMarginLeft: Tokens["spacing"];
@@ -203,4 +188,2 @@ scrollMarginRight: Tokens["spacing"];
 	scrollPaddingInlineStart: Tokens["spacing"];
-	scrollPaddingX: Tokens["spacing"] | CssProperties["scrollPaddingInline"];
-	scrollPaddingY: Tokens["spacing"] | CssProperties["scrollPaddingBlock"];
 	scrollPaddingLeft: Tokens["spacing"];
@@ -219,6 +202,5 @@ scrollPaddingRight: Tokens["spacing"];
 	stroke: Tokens["colors"];
-	strokeWidth: Tokens["borderWidths"];
 	srOnly: boolean;
 	debug: boolean;
-	containerName: Tokens["containerNames"] | CssProperties["containerName"];
+	containerName: CssProperties["containerName"];
 	colorPalette: "currentcolor" | "dark" | "white" | "background" | "overlay" | "brand" | "whiteAlpha" | "blackAlpha" | "gray" | "blue" | "red" | "green" | "orange" | "sky" | "teal" | "violet" | "amber" | "rose" | "stone" | "lime" | "pink" | "apricot" | "aqua" | "leaf" | "fuchsia" | "ice" | "ash";
@@ -230,193 +212,39 @@ textStyle: "overline" | "body.sm" | "body.md" | "label.sm" | "label.md" | "h3" | "h2" | "h1";
 
-  type CssValue<T> = T extends keyof CssProperties ? CssProperties[T] : never
+type WithColorOpacityModifier<T> = T extends string ? `${T}/${string}` : T
 
-  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T] | CssValue<T> : CssValue<T>
+type ImportantMark = "!" | "!important"
+type WhitespaceImportant = ` ${ImportantMark}`
+type Important = ImportantMark | WhitespaceImportant
+type WithImportant<T> = T extends string ? `${T}${Important}` & { __important?: true } : T;
 
-  export interface PropertyTypes extends PropertyValueTypes {
-  
-	pos: Shorthand<"position">;
-	insetEnd: Shorthand<"insetInlineEnd">;
-	end: Shorthand<"insetInlineEnd">;
-	insetStart: Shorthand<"insetInlineStart">;
-	start: Shorthand<"insetInlineStart">;
-	flexDir: Shorthand<"flexDirection">;
-	p: Shorthand<"padding">;
-	pl: Shorthand<"paddingLeft">;
-	pr: Shorthand<"paddingRight">;
-	pt: Shorthand<"paddingTop">;
-	pb: Shorthand<"paddingBottom">;
-	py: Shorthand<"paddingBlock">;
-	paddingY: Shorthand<"paddingBlock">;
-	paddingX: Shorthand<"paddingInline">;
-	px: Shorthand<"paddingInline">;
-	pe: Shorthand<"paddingInlineEnd">;
-	paddingEnd: Shorthand<"paddingInlineEnd">;
-	ps: Shorthand<"paddingInlineStart">;
-	paddingStart: Shorthand<"paddingInlineStart">;
-	ml: Shorthand<"marginLeft">;
-	mr: Shorthand<"marginRight">;
-	mt: Shorthand<"marginTop">;
-	mb: Shorthand<"marginBottom">;
-	m: Shorthand<"margin">;
-	my: Shorthand<"marginBlock">;
-	marginY: Shorthand<"marginBlock">;
-	mx: Shorthand<"marginInline">;
-	marginX: Shorthand<"marginInline">;
-	me: Shorthand<"marginInlineEnd">;
-	marginEnd: Shorthand<"marginInlineEnd">;
-	ms: Shorthand<"marginInlineStart">;
-	marginStart: Shorthand<"marginInlineStart">;
-	ringWidth: Shorthand<"outlineWidth">;
-	ringColor: Shorthand<"outlineColor">;
-	ring: Shorthand<"outline">;
-	ringOffset: Shorthand<"outlineOffset">;
-	w: Shorthand<"width">;
-	minW: Shorthand<"minWidth">;
-	maxW: Shorthand<"maxWidth">;
-	h: Shorthand<"height">;
-	minH: Shorthand<"minHeight">;
-	maxH: Shorthand<"maxHeight">;
-	bgPosition: Shorthand<"backgroundPosition">;
-	bgPositionX: Shorthand<"backgroundPositionX">;
-	bgPositionY: Shorthand<"backgroundPositionY">;
-	bgAttachment: Shorthand<"backgroundAttachment">;
-	bgClip: Shorthand<"backgroundClip">;
-	bg: Shorthand<"background">;
-	bgColor: Shorthand<"backgroundColor">;
-	bgOrigin: Shorthand<"backgroundOrigin">;
-	bgImage: Shorthand<"backgroundImage">;
-	bgRepeat: Shorthand<"backgroundRepeat">;
-	bgBlendMode: Shorthand<"backgroundBlendMode">;
-	bgSize: Shorthand<"backgroundSize">;
-	bgGradient: Shorthand<"backgroundGradient">;
-	rounded: Shorthand<"borderRadius">;
-	roundedTopLeft: Shorthand<"borderTopLeftRadius">;
-	roundedTopRight: Shorthand<"borderTopRightRadius">;
-	roundedBottomRight: Shorthand<"borderBottomRightRadius">;
-	roundedBottomLeft: Shorthand<"borderBottomLeftRadius">;
-	roundedTop: Shorthand<"borderTopRadius">;
-	roundedRight: Shorthand<"borderRightRadius">;
-	roundedBottom: Shorthand<"borderBottomRadius">;
-	roundedLeft: Shorthand<"borderLeftRadius">;
-	roundedStartStart: Shorthand<"borderStartStartRadius">;
-	roundedStartEnd: Shorthand<"borderStartEndRadius">;
-	roundedStart: Shorthand<"borderStartRadius">;
-	roundedEndStart: Shorthand<"borderEndStartRadius">;
-	roundedEndEnd: Shorthand<"borderEndEndRadius">;
-	roundedEnd: Shorthand<"borderEndRadius">;
-	borderX: Shorthand<"borderInline">;
-	borderXWidth: Shorthand<"borderInlineWidth">;
-	borderXColor: Shorthand<"borderInlineColor">;
-	borderY: Shorthand<"borderBlock">;
-	borderYWidth: Shorthand<"borderBlockWidth">;
-	borderYColor: Shorthand<"borderBlockColor">;
-	borderStart: Shorthand<"borderInlineStart">;
-	borderStartWidth: Shorthand<"borderInlineStartWidth">;
-	borderStartColor: Shorthand<"borderInlineStartColor">;
-	borderEnd: Shorthand<"borderInlineEnd">;
-	borderEndWidth: Shorthand<"borderInlineEndWidth">;
-	borderEndColor: Shorthand<"borderInlineEndColor">;
-	shadow: Shorthand<"boxShadow">;
-	shadowColor: Shorthand<"boxShadowColor">;
-	x: Shorthand<"translateX">;
-	y: Shorthand<"translateY">;
-}
+/**
+ * Only relevant when using `strictTokens` or `strictPropertyValues` in your config.
+ * - Allows you to use an escape hatch (e.g. `[123px]`) to use any string as a value.
+ * - Allows you to use a color opacity modifier (e.g. `red/300`) with known color values.
+ * - Allows you to use an important mark (e.g. `!` or `!important`) in the value.
+ *
+ * This is useful when you want to use a value that is not defined in the config or want to opt-out of the defaults.
+ *
+ * @example
+ * css({
+ *   fontSize: '[123px]', // ⚠️ will not throw even if you haven't defined 123px as a token
+ * })
+ *
+ * @see https://panda-css.com/docs/concepts/writing-styles#stricttokens
+ * @see https://panda-css.com/docs/concepts/writing-styles#strictpropertyvalues
+ */
+export type WithEscapeHatch<T> = T | `[${string}]` | WithColorOpacityModifier<T> | WithImportant<T>
 
-type StrictableProps =
-  | 'alignContent'
-  | 'alignItems'
-  | 'alignSelf'
-  | 'all'
-  | 'animationComposition'
-  | 'animationDirection'
-  | 'animationFillMode'
-  | 'appearance'
-  | 'backfaceVisibility'
-  | 'backgroundAttachment'
-  | 'backgroundClip'
-  | 'borderCollapse'
-  | 'border'
-  | 'borderBlock'
-  | 'borderBlockEnd'
-  | 'borderBlockStart'
-  | 'borderBottom'
-  | 'borderInline'
-  | 'borderInlineEnd'
-  | 'borderInlineStart'
-  | 'borderLeft'
-  | 'borderRight'
-  | 'borderTop'
-  | 'borderBlockEndStyle'
-  | 'borderBlockStartStyle'
-  | 'borderBlockStyle'
-  | 'borderBottomStyle'
-  | 'borderInlineEndStyle'
-  | 'borderInlineStartStyle'
-  | 'borderInlineStyle'
-  | 'borderLeftStyle'
-  | 'borderRightStyle'
-  | 'borderTopStyle'
-  | 'boxDecorationBreak'
-  | 'boxSizing'
-  | 'breakAfter'
-  | 'breakBefore'
-  | 'breakInside'
-  | 'captionSide'
-  | 'clear'
-  | 'columnFill'
-  | 'columnRuleStyle'
-  | 'contentVisibility'
-  | 'direction'
-  | 'display'
-  | 'emptyCells'
-  | 'flexDirection'
-  | 'flexWrap'
-  | 'float'
-  | 'fontKerning'
-  | 'forcedColorAdjust'
-  | 'isolation'
-  | 'lineBreak'
-  | 'mixBlendMode'
-  | 'objectFit'
-  | 'outlineStyle'
-  | 'overflow'
-  | 'overflowX'
-  | 'overflowY'
-  | 'overflowBlock'
-  | 'overflowInline'
-  | 'overflowWrap'
-  | 'pointerEvents'
-  | 'position'
-  | 'resize'
-  | 'scrollBehavior'
-  | 'touchAction'
-  | 'transformBox'
-  | 'transformStyle'
-  | 'userSelect'
-  | 'visibility'
-  | 'wordBreak'
-  | 'writingMode'
-
-type WithEscapeHatch<T> = T | `[${string}]`
-
-type FilterVagueString<Key, Value> = Value extends boolean
+/**
+ * Will restrict the value of properties that have predefined values to those values only.
+ *
+ * @example
+ * css({
+ *   display: 'abc', // ❌ will throw
+ * })
+ *
+ * @see https://panda-css.com/docs/concepts/writing-styles#strictpropertyvalues
+ */
+export type OnlyKnown<Key, Value> = Value extends boolean
   ? Value
-  : Key extends StrictableProps
-    ? Value extends `${infer _}` ? Value : never
-    : Value
-
-type PropOrCondition<Key, Value> = ConditionalValue<Value | (string & {})>
-
-type PropertyTypeValue<T extends string> = T extends keyof PropertyTypes
-  ? PropOrCondition<T, PropertyTypes[T] | CssValue<T>>
-  : never;
-
-type CssPropertyValue<T extends string> = T extends keyof CssProperties
-  ? PropOrCondition<T, CssProperties[T]>
-  : never;
-
-export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-  ? PropertyTypeValue<T>
-  : T extends keyof CssProperties
-    ? CssPropertyValue<T>
-    : PropOrCondition<T, string | number>
+  : Value extends `${infer _}` ? Value : never

types/recipe.d.ts

@@ -17,2 +17,6 @@ /* eslint-disable */
 
+/**
+ * Extract the variant as optional props from a `cva` function.
+ * Intended to be used with a JSX component, prefer `RecipeVariant` for a more strict type.
+ */
 export type RecipeVariantProps<
@@ -22,2 +26,9 @@ T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,
 
+/**
+ * Extract the variants from a `cva` function.
+ */
+export type RecipeVariant<
+  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,
+> = Exclude<Pretty<Required<RecipeVariantProps<T>>>, undefined>
+
 type RecipeVariantMap<T extends RecipeVariantRecord> = {
@@ -40,2 +51,3 @@ [K in keyof T]: Array<keyof T[K]>
   ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
+  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
 }
@@ -59,2 +71,6 @@
   /**
+   * Whether the recipe is deprecated.
+   */
+  deprecated?: boolean | string
+  /**
    * The multi-variant styles of the recipe.
@@ -71,6 +87,2 @@ */
   compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]
-  /**
-   * Variants to pre-generate, will be include in the final `config.staticCss`
-   */
-  staticCss?: RecipeRule[]
 }
@@ -82,3 +94,3 @@
   /**
-   * The name of the recipe.
+   * The class name of the recipe.
    */
@@ -97,2 +109,6 @@ className: string
   jsx?: Array<string | RegExp>
+  /**
+   * Variants to pre-generate, will be include in the final `config.staticCss`
+   */
+  staticCss?: RecipeRule[]
 }
@@ -121,3 +137,6 @@
   variantMap: RecipeVariantMap<T>
-  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]
+  splitVariantProps<Props extends RecipeSelection<T>>(
+    props: Props,
+  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
+  getVariantProps: (props?: RecipeSelection<T>) => RecipeSelection<T>
 }
@@ -134,2 +153,10 @@
   /**
+   * An optional class name that can be used to target slots in the DOM.
+   */
+  className?: string
+  /**
+   * Whether the recipe is deprecated.
+   */
+  deprecated?: boolean | string
+  /**
    * The parts/slots of the recipe.
@@ -154,6 +181,2 @@ */
   compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]
-  /**
-   * Variants to pre-generate, will be include in the final `config.staticCss`
-   */
-  staticCss?: RecipeRule[]
 }
@@ -160,0 +183,0 @@

types/static-css.d.ts

@@ -47,2 +47,6 @@ /* eslint-disable */
   }
+  /**
+   * The CSS themes to generate
+   */
+  themes?: string[]
 }

types/system-types.d.ts

 /* eslint-disable */
-import type {  ConditionalValue, Conditions, Nested  } from './conditions';
+import type {  ConditionalValue, Nested  } from './conditions';
 import type {  PropertiesFallback  } from './csstype';
@@ -39,6 +39,2 @@ import type {  SystemProperties, CssVarProperties  } from './style-props';
 
-type MinimalNested<P> = {
-  [K in keyof Conditions]?: Nested<P>
-}
-
 interface GenericProperties {
@@ -74,7 +70,6 @@ [key: string]: ConditionalValue<String | Number | boolean>
 interface WithCss {
-  css?: SystemStyleObject
+  css?: SystemStyleObject | SystemStyleObject[]
 }
-type StyleProps = SystemProperties & MinimalNested<SystemStyleObject>
 
-export type JsxStyleProps = StyleProps & WithCss
+export type JsxStyleProps = SystemStyleObject & WithCss
 
@@ -81,0 +76,0 @@ export interface PatchedHTMLProps {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1672573

increased by26%

Number of package files

296

increased by0.68%

Lines of code

39041

increased by22.18%

No dependency changes