npm - @gem-sdk/core - Versions diffs - 2.0.0-dev.175 → 2.0.0-dev.184 - Mend

@gem-sdk/core 2.0.0-dev.175 → 2.0.0-dev.184

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (42) hide show

package/dist/types/index.d.ts CHANGED Viewed

@@ -75,6 +75,7 @@ type Article$2 = {
     platform?: Maybe$1<ArticlePlatform$1>;
     platformCreatedAt?: Maybe$1<Scalars$2['Time']>;
     platformUpdatedAt?: Maybe$1<Scalars$2['Time']>;
+    publishedAt?: Maybe$1<Scalars$2['Time']>;
     tags?: Maybe$1<Array<Maybe$1<Tag$1>>>;
     templateSuffix?: Maybe$1<Scalars$2['String']>;
     title?: Maybe$1<Scalars$2['String']>;
@@ -221,7 +222,7 @@ type ArticleOrder$1 = {
     direction: OrderDirection$1;
     field?: InputMaybe$1<ArticleOrderField$1>;
 };
-type ArticleOrderField$1 = 'CREATED_AT' | 'PLATFORM_CREATED_AT' | 'PLATFORM_UPDATED_AT' | 'TITLE' | 'UPDATED_AT';
+type ArticleOrderField$1 = 'CREATED_AT' | 'PLATFORM_CREATED_AT' | 'PLATFORM_UPDATED_AT' | 'PUBLISHED_AT' | 'TITLE' | 'UPDATED_AT';
 type ArticlePlatform$1 = 'BIG' | 'SHOPIFY' | 'WOO';
 /**
  * ArticleTagWhereInput is used for filtering ArticleTag objects.
@@ -405,6 +406,17 @@ type ArticleWhereInput$1 = {
     platformUpdatedAtNEQ?: InputMaybe$1<Scalars$2['Time']>;
     platformUpdatedAtNotIn?: InputMaybe$1<Array<Scalars$2['Time']>>;
     platformUpdatedAtNotNil?: InputMaybe$1<Scalars$2['Boolean']>;
+    /** published_at field predicates */
+    publishedAt?: InputMaybe$1<Scalars$2['Time']>;
+    publishedAtGT?: InputMaybe$1<Scalars$2['Time']>;
+    publishedAtGTE?: InputMaybe$1<Scalars$2['Time']>;
+    publishedAtIn?: InputMaybe$1<Array<Scalars$2['Time']>>;
+    publishedAtIsNil?: InputMaybe$1<Scalars$2['Boolean']>;
+    publishedAtLT?: InputMaybe$1<Scalars$2['Time']>;
+    publishedAtLTE?: InputMaybe$1<Scalars$2['Time']>;
+    publishedAtNEQ?: InputMaybe$1<Scalars$2['Time']>;
+    publishedAtNotIn?: InputMaybe$1<Array<Scalars$2['Time']>>;
+    publishedAtNotNil?: InputMaybe$1<Scalars$2['Boolean']>;
     /** template_suffix field predicates */
     templateSuffix?: InputMaybe$1<Scalars$2['String']>;
     templateSuffixContains?: InputMaybe$1<Scalars$2['String']>;
@@ -3706,6 +3718,7 @@ type Product$1 = {
     descriptionHtml?: Maybe$1<Scalars$2['String']>;
     descriptionMeta?: Maybe$1<Scalars$2['String']>;
     featuredImage?: Maybe$1<Media$1>;
+    /** @deprecated Use featuredImage instead */
     featuredImageId?: Maybe$1<Scalars$2['ID']>;
     handle?: Maybe$1<Scalars$2['String']>;
     id: Scalars$2['ID'];
@@ -7477,7 +7490,7 @@ type StampedWidgetTypeV2 = 'main-widget' | 'product-rating-image' | 'badge-doubl
 type LaiProductReviewsWidgetType = 'reviews_widget' | 'star_ratings' | 'homepage_reviews' | 'happy_customer_reviews' | 'star_ratings_in_list' | 'advanced_widget';
 type LaiProductReviewsAdvancedWidgetType = 'cardCarousel' | 'testimonialCarousel' | 'mediaGallery' | 'cardGrid';
 type YotpoReviewsWidgetType = 'reviews' | 'star-rating' | 'reviewHighlights';
-type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break';
+type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break' | 'mix-match' | 'classic-bundle';
 type PreOrderNowWodWidgetType = 'app-block' | 'popups-block';
 type TagShopWidgetType = 'homeLandingGalleries' | 'productGalleries' | 'tagGalleries';
 type AirProductReview = 'review_box' | 'star_rating' | 'review_carousel';
@@ -8752,6 +8765,7 @@ type PostPurchaseTextareaControlType<T> = SharedControlType<T> & {
         isStrike?: boolean;
         showOn?: 'singleProduct' | 'multiProduct';
     }[];
+    isFallback?: boolean;
 };
 type NotesControlType<T> = SharedControlType<T> & {
@@ -9121,7 +9135,7 @@ type BackgroundMediaControlType<T> = SharedControlType<T> & {
     showVideo?: Boolean;
 };
 type BackgroundMedia = {
-    type: 'color' | 'image' | 'video';
+    type?: 'color' | 'image' | 'video';
     color?: string;
     image?: {
         src?: string;
@@ -36173,9 +36187,10 @@ type Props = {
     extraFiles?: ExtraFiles;
     pageContext?: PageContext;
     enableLazyloadImage?: boolean;
+    additionalSettings?: Record<string, any>;
     [key: string]: any;
 };
-declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, enableLazyloadImage, ...passProps }: Props) => {
+declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, enableLazyloadImage, additionalSettings, ...passProps }: Props) => {
     liquid: string;
     extraFiles: ExtraFiles;
 };
@@ -36360,6 +36375,11 @@ declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<P
 type MediaSelectFragment = Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>;
+type VariantSelectFragment = Pick<ProductVariant$1, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
+    selectedOptions: Array<Pick<SelectedOption$1, 'name' | 'value' | 'optionType'>>;
+    media?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
+};
 type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdAt' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     collections?: Maybe$1<{
         edges: Array<{
@@ -36387,6 +36407,17 @@ type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdA
     featuredImage?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
 };
+type CollectionSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
+    products?: Maybe$1<Pick<ProductConnection$1, 'totalCount'> & {
+        edges: Array<{
+            node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'handle' | 'description' | 'status'> & {
+                featuredImage?: Maybe$1<Pick<Media$1, 'src'>>;
+            }>;
+        }>;
+    }>;
+    collectionMedia?: Maybe$1<Pick<CollectionMedia$1, 'src'>>;
+};
 type AttributeProp = {
     key: string;
     value?: string;
@@ -36537,17 +36568,6 @@ type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicColle
 declare const PageProvider: React.FC<PageProviderProps>;
 declare const usePageStore: <U>(selector: (state: ExtractState<StoreApi<PageContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
-type CollectionSelectFragment = Pick<Collection$1, 'id' | 'createdAt' | 'updatedAt' | 'deletedAt' | 'title' | 'handle' | 'description' | 'descriptionHtml' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'tags' | 'isStorefront' | 'isSample'> & {
-    products?: Maybe$1<Pick<ProductConnection$1, 'totalCount'> & {
-        edges: Array<{
-            node?: Maybe$1<Pick<Product$1, 'id' | 'title' | 'handle' | 'description' | 'status'> & {
-                featuredImage?: Maybe$1<Pick<Media$1, 'src'>>;
-            }>;
-        }>;
-    }>;
-    collectionMedia?: Maybe$1<Pick<CollectionMedia$1, 'src'>>;
-};
 type CollectionContextProps = {
     collection?: CollectionSelectFragment;
     changeCollectionStore: (args: {
@@ -36823,6 +36843,7 @@ type PreviewThemePageQueryResponse = {
         analytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         customCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
         customFonts?: Maybe$1<Array<Maybe$1<Pick<CustomFont$1, 'backupFilePath' | 'fileKey' | 'filePath' | 'fontFamily' | 'fontStyle' | 'fontWeight' | 'id' | 'mimeType' | 'shopID' | 'size'>>>>;
+        interaction?: Maybe$1<Pick<PreviewPageInteraction$1, 'id' | 'value'>>;
     }>;
 };
 declare const PreviewThemePageDocument: string;
@@ -36843,11 +36864,6 @@ type ShopShopifyQueryResponse = {
 };
 declare const ShopShopifyDocument = "\n    query shopShopify {\n  shopShopify {\n    timezone\n  }\n}\n    ";
-type VariantSelectFragment = Pick<ProductVariant$1, 'id' | 'title' | 'barcode' | 'baseID' | 'costPrice' | 'height' | 'inventoryPolicy' | 'inventoryQuantity' | 'inventoryStatus' | 'isDigital' | 'length' | 'lowInventoryAmount' | 'manageInventory' | 'mediaId' | 'platform' | 'price' | 'salePrice' | 'sku' | 'soldIndividually' | 'weight' | 'width'> & {
-    selectedOptions: Array<Pick<SelectedOption$1, 'name' | 'value' | 'optionType'>>;
-    media?: Maybe$1<Pick<Media$1, 'id' | 'contentType' | 'previewImage' | 'src' | 'width' | 'height' | 'alt'>>;
-};
 type LibraryTemplateQueryVariables = Exact<{
     libraryTemplateId: Scalars['ID'];
 }>;
@@ -40214,7 +40230,8 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
-declare const filterCornerInStyle: (style?: React.CSSProperties) => {
+declare const getCornerStyle: (advancedSetting?: Record<string, AdvanceValue>) => React.CSSProperties;
+declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -41736,7 +41753,105 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
-declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
+declare const isLocalEnv: boolean;
+declare const baseAssetURL: string;
+declare const convertHTML: (str: string) => string;
+type PostionType = {
+    wrapper?: Record<string, string | number>;
+    content?: Record<string, string | number>;
+};
+declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
+declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
+    compose: PostionType;
+    lineHeight: string;
+    device: NameDevices;
+    position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
+    iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
+}) => void;
+declare function isDefined<T>(argument: T | undefined): argument is T;
+declare const gridToArrayRegex: RegExp;
+declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
+declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
+declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
+declare const getLayoutClasses: (layout: Partial<Record<NameDevices$1, string>> | undefined) => Record<string, boolean>;
+declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
+declare const getAlignmentClasses: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
+declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
+declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
+declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
+declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
+type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
+type FetchCollectionArgs = {
+    id?: string;
+    numberOfProducts?: number;
+    orderBy?: OrderByType;
+    isSample?: boolean;
+    isStorefront?: boolean;
+};
+declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
+declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
+type FetchProductParams = {
+    id?: string;
+    isSample?: boolean;
+    isStorefront?: boolean;
+};
+declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
+type RequiredCursorEdge<T> = {
+    cursor: string;
+    node?: T;
+};
+declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
+declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
+    node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
+})[]>;
+type FetchProductsParams = {
+    ids: string[];
+    isSample?: boolean;
+    isStorefront?: boolean;
+    defaultSelectedProductCount?: number;
+    allStatus?: boolean;
+};
+declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
+declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
+declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
+declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
+declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
+declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
+declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
+declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
+declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
+declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
+type CallbackCondition = () => string;
+declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
+declare const props: (strings: any, ...keys: any[]) => string;
+declare const styles: (strings: any, ...keys: any[]) => string;
+declare const dataStringify: (obj: object) => string;
+declare const template: (strings: any, ...keys: any[]) => string;
+declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
+declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
+declare const parseValueWithUnit: (valueWithUnit: string) => any;
+declare const getStyleShadow: (shadowStyle: ShadowStyle & {
+    screen?: string;
+}, isActiveState?: boolean) => {
+    [x: string]: string;
+};
+declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>, screen?: string) => React.CSSProperties;
+declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -43257,106 +43372,11 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
-};
-declare const isLocalEnv: boolean;
-declare const baseAssetURL: string;
-declare const convertHTML: (str: string) => string;
-type PostionType = {
-    wrapper?: Record<string, string | number>;
-    content?: Record<string, string | number>;
-};
-declare const composePostionIconList: (lineHeight: string, position?: ObjectDevices<'center' | 'baseline'>, iconWidth?: ObjectDevices<number>) => PostionType;
-declare const composePositionLineHeight: ({ compose, lineHeight, device, position, iconWidth, }: {
-    compose: PostionType;
-    lineHeight: string;
-    device: NameDevices;
-    position?: Partial<Record<NameDevices$1, "center" | "baseline">> | undefined;
-    iconWidth?: Partial<Record<NameDevices$1, number>> | undefined;
-}) => void;
-declare function isDefined<T>(argument: T | undefined): argument is T;
-declare const gridToArrayRegex: RegExp;
-declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => React.CSSProperties;
-declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
-declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
-declare const getLayoutClasses: (layout: Partial<Record<NameDevices$1, string>> | undefined) => Record<string, boolean>;
-declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
-declare const getAlignmentClasses: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
-declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
-declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
-declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
-declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
-type OrderByType = 'TITLE_ASC' | 'TITLE_DESC' | 'CREATED_AT_ASC' | 'none' | 'CREATED_AT_DESC';
-type FetchCollectionArgs = {
-    id?: string;
-    numberOfProducts?: number;
-    orderBy?: OrderByType;
-    isSample?: boolean;
-    isStorefront?: boolean;
-};
-declare const getCollection: (fetcher: FetchFunc, arg: FetchCollectionArgs) => Promise<CollectionDetailFilterQueryResponse>;
-declare const calculateFirstProduct: (numberOfProducts: number, currentPage: number, productsPerPage: number) => number;
-type FetchProductParams = {
-    id?: string;
-    isSample?: boolean;
-    isStorefront?: boolean;
-};
-declare const getProduct: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<ProductSelectFragment>;
-type RequiredCursorEdge<T> = {
-    cursor: string;
-    node?: T;
-};
-declare const fetchVariants: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<RequiredCursorEdge<VariantSelectFragment>[]>;
-declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }: FetchProductParams) => Promise<(Pick<MediaEdge$1, "cursor"> & {
-    node?: Maybe$1<Pick<Media$1, "id" | "width" | "height" | "src" | "alt" | "contentType" | "previewImage">>;
-})[]>;
-type FetchProductsParams = {
-    ids: string[];
-    isSample?: boolean;
-    isStorefront?: boolean;
-    defaultSelectedProductCount?: number;
-    allStatus?: boolean;
-};
-declare const generateProductQueryKey: (args: FetchProductParams) => ['query/product', FetchProductParams];
-declare const generateCollectionQueryKey: (args: FetchCollectionArgs) => ['query/collection', FetchCollectionArgs];
-declare const generateProductsQueryKey: (args: FetchProductsParams) => ['query/products', FetchProductsParams];
-declare const getCornerCSSFromGlobal: (corner?: CornerRadius) => React.CSSProperties;
-declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices$1) => React.CSSProperties;
-declare const getCustomRadius: (state: StateType, radius?: CornerRadius, device?: NameDevices$1) => React.CSSProperties;
-declare const composeRadius: (value?: StateProp<CornerRadius> | ResponsiveStateProp<CornerRadius>) => React.CSSProperties;
-declare const composeRadiusResponsive: (radiusValue?: ObjectDevices<CornerRadius>) => React.CSSProperties;
-declare const getRadiusStyleActiveState: (radiusValue?: StateProp<CornerRadius>) => React.CSSProperties;
-declare const composeCornerCss: (value?: CornerRadius | undefined, important?: boolean) => string | undefined;
-type CallbackCondition = () => string;
-declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
-declare const props: (strings: any, ...keys: any[]) => string;
-declare const styles: (strings: any, ...keys: any[]) => string;
-declare const dataStringify: (obj: object) => string;
-declare const template: (strings: any, ...keys: any[]) => string;
-declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
-declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
-declare const parseValueWithUnit: (valueWithUnit: string) => any;
-declare const getStyleShadow: (shadowStyle: ShadowStyle & {
-    screen?: string;
-}, isActiveState?: boolean) => {
+} | undefined;
+declare const getResponsiveStyleShadowWithoutState: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
     [x: string]: string;
-};
-declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>, screen?: string) => React.CSSProperties;
-declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
+} | undefined;
+declare const composeShadow: (shadowInput?: ObjectDevices<StateProp<ShadowProps>>) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -44877,1590 +44897,65 @@ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowSt
     strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
+};
+declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
+    hasBoxShadow?: boolean | undefined;
+    boxShadowValue?: ShadowProps | undefined;
+    important?: boolean | undefined;
+}) => string | undefined;
+declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
+declare function genSizeClass(name: string): string;
+declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
+declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    padding: React.CSSProperties;
+    gap: {
+        '--gg': string | undefined;
+        '--gg-tablet': string | undefined;
+        '--gg-mobile': string | undefined;
+    };
+};
+declare const makeGlobalSizeIcon: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    minWidth: Record<ResponsiveKey<"minw">, string | number>;
+    padding: React.CSSProperties;
+};
+declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--gg': string | undefined;
+    '--gg-tablet': string | undefined;
+    '--gg-mobile': string | undefined;
+};
+declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
+declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
+declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean, defaultFull?: boolean) => Partial<Record<NameDevices$1, string>>;
+declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
+declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
+declare const getValueByDevice: <T>(value: any, device: NameDevices$1) => T;
+declare const getPaddingStyleByDevice: (value?: PaddingType, device?: NameDevices$1) => {
+    [x: string]: string | undefined;
+};
+declare const getResponsiveStylePadding: (value?: ObjectDevices<PaddingType>) => {
+    [x: string]: string | undefined;
 } | undefined;
-declare const getResponsiveStyleShadowWithoutState: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
-    [x: string]: string;
-} | undefined;
-declare const composeShadow: (shadowInput?: ObjectDevices<StateProp<ShadowProps>>) => {
-    [x: string]: any;
-    '--ai'?: csstype.Property.AlignItems | undefined;
-    '--hvr-ai'?: csstype.Property.AlignItems | undefined;
-    '--focus-ai'?: csstype.Property.AlignItems | undefined;
-    '--ai-tablet'?: csstype.Property.AlignItems | undefined;
-    '--hvr-ai-tablet'?: csstype.Property.AlignItems | undefined;
-    '--focus-ai-tablet'?: csstype.Property.AlignItems | undefined;
-    '--ai-mobile'?: csstype.Property.AlignItems | undefined;
-    '--hvr-ai-mobile'?: csstype.Property.AlignItems | undefined;
-    '--focus-ai-mobile'?: csstype.Property.AlignItems | undefined;
-    '--aspect'?: csstype.Property.AspectRatio | undefined;
-    '--hvr-aspect'?: csstype.Property.AspectRatio | undefined;
-    '--focus-aspect'?: csstype.Property.AspectRatio | undefined;
-    '--aspect-tablet'?: csstype.Property.AspectRatio | undefined;
-    '--hvr-aspect-tablet'?: csstype.Property.AspectRatio | undefined;
-    '--focus-aspect-tablet'?: csstype.Property.AspectRatio | undefined;
-    '--aspect-mobile'?: csstype.Property.AspectRatio | undefined;
-    '--hvr-aspect-mobile'?: csstype.Property.AspectRatio | undefined;
-    '--focus-aspect-mobile'?: csstype.Property.AspectRatio | undefined;
-    '--bg'?: csstype.Property.Background<string | number> | undefined;
-    '--hvr-bg'?: csstype.Property.Background<string | number> | undefined;
-    '--focus-bg'?: csstype.Property.Background<string | number> | undefined;
-    '--bg-tablet'?: csstype.Property.Background<string | number> | undefined;
-    '--hvr-bg-tablet'?: csstype.Property.Background<string | number> | undefined;
-    '--focus-bg-tablet'?: csstype.Property.Background<string | number> | undefined;
-    '--bg-mobile'?: csstype.Property.Background<string | number> | undefined;
-    '--hvr-bg-mobile'?: csstype.Property.Background<string | number> | undefined;
-    '--focus-bg-mobile'?: csstype.Property.Background<string | number> | undefined;
-    '--bga'?: csstype.Property.BackgroundAttachment | undefined;
-    '--hvr-bga'?: csstype.Property.BackgroundAttachment | undefined;
-    '--focus-bga'?: csstype.Property.BackgroundAttachment | undefined;
-    '--bga-tablet'?: csstype.Property.BackgroundAttachment | undefined;
-    '--hvr-bga-tablet'?: csstype.Property.BackgroundAttachment | undefined;
-    '--focus-bga-tablet'?: csstype.Property.BackgroundAttachment | undefined;
-    '--bga-mobile'?: csstype.Property.BackgroundAttachment | undefined;
-    '--hvr-bga-mobile'?: csstype.Property.BackgroundAttachment | undefined;
-    '--focus-bga-mobile'?: csstype.Property.BackgroundAttachment | undefined;
-    '--bgc'?: csstype.Property.BackgroundColor | undefined;
-    '--hvr-bgc'?: csstype.Property.BackgroundColor | undefined;
-    '--focus-bgc'?: csstype.Property.BackgroundColor | undefined;
-    '--bgc-tablet'?: csstype.Property.BackgroundColor | undefined;
-    '--hvr-bgc-tablet'?: csstype.Property.BackgroundColor | undefined;
-    '--focus-bgc-tablet'?: csstype.Property.BackgroundColor | undefined;
-    '--bgc-mobile'?: csstype.Property.BackgroundColor | undefined;
-    '--hvr-bgc-mobile'?: csstype.Property.BackgroundColor | undefined;
-    '--focus-bgc-mobile'?: csstype.Property.BackgroundColor | undefined;
-    '--bgi'?: csstype.Property.BackgroundImage | undefined;
-    '--hvr-bgi'?: csstype.Property.BackgroundImage | undefined;
-    '--focus-bgi'?: csstype.Property.BackgroundImage | undefined;
-    '--bgi-tablet'?: csstype.Property.BackgroundImage | undefined;
-    '--hvr-bgi-tablet'?: csstype.Property.BackgroundImage | undefined;
-    '--focus-bgi-tablet'?: csstype.Property.BackgroundImage | undefined;
-    '--bgi-mobile'?: csstype.Property.BackgroundImage | undefined;
-    '--hvr-bgi-mobile'?: csstype.Property.BackgroundImage | undefined;
-    '--focus-bgi-mobile'?: csstype.Property.BackgroundImage | undefined;
-    '--bgp'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--hvr-bgp'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--focus-bgp'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--bgp-tablet'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--hvr-bgp-tablet'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--focus-bgp-tablet'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--bgp-mobile'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--hvr-bgp-mobile'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--focus-bgp-mobile'?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    '--bgr'?: csstype.Property.BackgroundRepeat | undefined;
-    '--hvr-bgr'?: csstype.Property.BackgroundRepeat | undefined;
-    '--focus-bgr'?: csstype.Property.BackgroundRepeat | undefined;
-    '--bgr-tablet'?: csstype.Property.BackgroundRepeat | undefined;
-    '--hvr-bgr-tablet'?: csstype.Property.BackgroundRepeat | undefined;
-    '--focus-bgr-tablet'?: csstype.Property.BackgroundRepeat | undefined;
-    '--bgr-mobile'?: csstype.Property.BackgroundRepeat | undefined;
-    '--hvr-bgr-mobile'?: csstype.Property.BackgroundRepeat | undefined;
-    '--focus-bgr-mobile'?: csstype.Property.BackgroundRepeat | undefined;
-    '--bgs'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--hvr-bgs'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--focus-bgs'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--bgs-tablet'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--hvr-bgs-tablet'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--focus-bgs-tablet'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--bgs-mobile'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--hvr-bgs-mobile'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--focus-bgs-mobile'?: csstype.Property.BackgroundSize<string | number> | undefined;
-    '--b'?: csstype.Property.Border<string | number> | undefined;
-    '--hvr-b'?: csstype.Property.Border<string | number> | undefined;
-    '--focus-b'?: csstype.Property.Border<string | number> | undefined;
-    '--b-tablet'?: csstype.Property.Border<string | number> | undefined;
-    '--hvr-b-tablet'?: csstype.Property.Border<string | number> | undefined;
-    '--focus-b-tablet'?: csstype.Property.Border<string | number> | undefined;
-    '--b-mobile'?: csstype.Property.Border<string | number> | undefined;
-    '--hvr-b-mobile'?: csstype.Property.Border<string | number> | undefined;
-    '--focus-b-mobile'?: csstype.Property.Border<string | number> | undefined;
-    '--bb'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--hvr-bb'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--focus-bb'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--bb-tablet'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--hvr-bb-tablet'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--focus-bb-tablet'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--bb-mobile'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--hvr-bb-mobile'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--focus-bb-mobile'?: csstype.Property.BorderBottom<string | number> | undefined;
-    '--bbw'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--hvr-bbw'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--focus-bbw'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--bbw-tablet'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--hvr-bbw-tablet'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--focus-bbw-tablet'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--bbw-mobile'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--hvr-bbw-mobile'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--focus-bbw-mobile'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    '--bbc'?: csstype.Property.BorderBottomColor | undefined;
-    '--hvr-bbc'?: csstype.Property.BorderBottomColor | undefined;
-    '--focus-bbc'?: csstype.Property.BorderBottomColor | undefined;
-    '--bbc-tablet'?: csstype.Property.BorderBottomColor | undefined;
-    '--hvr-bbc-tablet'?: csstype.Property.BorderBottomColor | undefined;
-    '--focus-bbc-tablet'?: csstype.Property.BorderBottomColor | undefined;
-    '--bbc-mobile'?: csstype.Property.BorderBottomColor | undefined;
-    '--hvr-bbc-mobile'?: csstype.Property.BorderBottomColor | undefined;
-    '--focus-bbc-mobile'?: csstype.Property.BorderBottomColor | undefined;
-    '--bc'?: csstype.Property.BorderColor | undefined;
-    '--hvr-bc'?: csstype.Property.BorderColor | undefined;
-    '--focus-bc'?: csstype.Property.BorderColor | undefined;
-    '--bc-tablet'?: csstype.Property.BorderColor | undefined;
-    '--hvr-bc-tablet'?: csstype.Property.BorderColor | undefined;
-    '--focus-bc-tablet'?: csstype.Property.BorderColor | undefined;
-    '--bc-mobile'?: csstype.Property.BorderColor | undefined;
-    '--hvr-bc-mobile'?: csstype.Property.BorderColor | undefined;
-    '--focus-bc-mobile'?: csstype.Property.BorderColor | undefined;
-    '--bblr'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--hvr-bblr'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--focus-bblr'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--bblr-tablet'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--hvr-bblr-tablet'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--focus-bblr-tablet'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--bblr-mobile'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--hvr-bblr-mobile'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--focus-bblr-mobile'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    '--bbrr'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--hvr-bbrr'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--focus-bbrr'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--bbrr-tablet'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--hvr-bbrr-tablet'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--focus-bbrr-tablet'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--bbrr-mobile'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--hvr-bbrr-mobile'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--focus-bbrr-mobile'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    '--bl'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--hvr-bl'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--focus-bl'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--bl-tablet'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--hvr-bl-tablet'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--focus-bl-tablet'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--bl-mobile'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--hvr-bl-mobile'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--focus-bl-mobile'?: csstype.Property.BorderLeft<string | number> | undefined;
-    '--radius'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--hvr-radius'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--focus-radius'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--radius-tablet'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--hvr-radius-tablet'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--focus-radius-tablet'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--radius-mobile'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--hvr-radius-mobile'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--focus-radius-mobile'?: csstype.Property.BorderRadius<string | number> | undefined;
-    '--br'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--hvr-br'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--focus-br'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--br-tablet'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--hvr-br-tablet'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--focus-br-tablet'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--br-mobile'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--hvr-br-mobile'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--focus-br-mobile'?: csstype.Property.BorderRight<string | number> | undefined;
-    '--bs'?: csstype.Property.BorderStyle | undefined;
-    '--hvr-bs'?: csstype.Property.BorderStyle | undefined;
-    '--focus-bs'?: csstype.Property.BorderStyle | undefined;
-    '--bs-tablet'?: csstype.Property.BorderStyle | undefined;
-    '--hvr-bs-tablet'?: csstype.Property.BorderStyle | undefined;
-    '--focus-bs-tablet'?: csstype.Property.BorderStyle | undefined;
-    '--bs-mobile'?: csstype.Property.BorderStyle | undefined;
-    '--hvr-bs-mobile'?: csstype.Property.BorderStyle | undefined;
-    '--focus-bs-mobile'?: csstype.Property.BorderStyle | undefined;
-    '--bt'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--hvr-bt'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--focus-bt'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--bt-tablet'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--hvr-bt-tablet'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--focus-bt-tablet'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--bt-mobile'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--hvr-bt-mobile'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--focus-bt-mobile'?: csstype.Property.BorderTop<string | number> | undefined;
-    '--btlr'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--hvr-btlr'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--focus-btlr'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--btlr-tablet'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--hvr-btlr-tablet'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--focus-btlr-tablet'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--btlr-mobile'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--hvr-btlr-mobile'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--focus-btlr-mobile'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    '--btrr'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--hvr-btrr'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--focus-btrr'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--btrr-tablet'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--hvr-btrr-tablet'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--focus-btrr-tablet'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--btrr-mobile'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--hvr-btrr-mobile'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--focus-btrr-mobile'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    '--bw'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--hvr-bw'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--focus-bw'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--bw-tablet'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--hvr-bw-tablet'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--focus-bw-tablet'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--bw-mobile'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--hvr-bw-mobile'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--focus-bw-mobile'?: csstype.Property.BorderWidth<string | number> | undefined;
-    '--bottom'?: csstype.Property.Bottom<string | number> | undefined;
-    '--hvr-bottom'?: csstype.Property.Bottom<string | number> | undefined;
-    '--focus-bottom'?: csstype.Property.Bottom<string | number> | undefined;
-    '--bottom-tablet'?: csstype.Property.Bottom<string | number> | undefined;
-    '--hvr-bottom-tablet'?: csstype.Property.Bottom<string | number> | undefined;
-    '--focus-bottom-tablet'?: csstype.Property.Bottom<string | number> | undefined;
-    '--bottom-mobile'?: csstype.Property.Bottom<string | number> | undefined;
-    '--hvr-bottom-mobile'?: csstype.Property.Bottom<string | number> | undefined;
-    '--focus-bottom-mobile'?: csstype.Property.Bottom<string | number> | undefined;
-    '--shadow'?: csstype.Property.BoxShadow | undefined;
-    '--hvr-shadow'?: csstype.Property.BoxShadow | undefined;
-    '--focus-shadow'?: csstype.Property.BoxShadow | undefined;
-    '--shadow-tablet'?: csstype.Property.BoxShadow | undefined;
-    '--hvr-shadow-tablet'?: csstype.Property.BoxShadow | undefined;
-    '--focus-shadow-tablet'?: csstype.Property.BoxShadow | undefined;
-    '--shadow-mobile'?: csstype.Property.BoxShadow | undefined;
-    '--hvr-shadow-mobile'?: csstype.Property.BoxShadow | undefined;
-    '--focus-shadow-mobile'?: csstype.Property.BoxShadow | undefined;
-    '--c'?: csstype.Property.Color | undefined;
-    '--hvr-c'?: csstype.Property.Color | undefined;
-    '--focus-c'?: csstype.Property.Color | undefined;
-    '--c-tablet'?: csstype.Property.Color | undefined;
-    '--hvr-c-tablet'?: csstype.Property.Color | undefined;
-    '--focus-c-tablet'?: csstype.Property.Color | undefined;
-    '--c-mobile'?: csstype.Property.Color | undefined;
-    '--hvr-c-mobile'?: csstype.Property.Color | undefined;
-    '--focus-c-mobile'?: csstype.Property.Color | undefined;
-    '--cg'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--hvr-cg'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--focus-cg'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--cg-tablet'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--hvr-cg-tablet'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--focus-cg-tablet'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--cg-mobile'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--hvr-cg-mobile'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--focus-cg-mobile'?: csstype.Property.ColumnGap<string | number> | undefined;
-    '--d'?: csstype.Property.Display | undefined;
-    '--hvr-d'?: csstype.Property.Display | undefined;
-    '--focus-d'?: csstype.Property.Display | undefined;
-    '--d-tablet'?: csstype.Property.Display | undefined;
-    '--hvr-d-tablet'?: csstype.Property.Display | undefined;
-    '--focus-d-tablet'?: csstype.Property.Display | undefined;
-    '--d-mobile'?: csstype.Property.Display | undefined;
-    '--hvr-d-mobile'?: csstype.Property.Display | undefined;
-    '--focus-d-mobile'?: csstype.Property.Display | undefined;
-    '--fd'?: csstype.Property.FlexDirection | undefined;
-    '--hvr-fd'?: csstype.Property.FlexDirection | undefined;
-    '--focus-fd'?: csstype.Property.FlexDirection | undefined;
-    '--fd-tablet'?: csstype.Property.FlexDirection | undefined;
-    '--hvr-fd-tablet'?: csstype.Property.FlexDirection | undefined;
-    '--focus-fd-tablet'?: csstype.Property.FlexDirection | undefined;
-    '--fd-mobile'?: csstype.Property.FlexDirection | undefined;
-    '--hvr-fd-mobile'?: csstype.Property.FlexDirection | undefined;
-    '--focus-fd-mobile'?: csstype.Property.FlexDirection | undefined;
-    '--ff'?: csstype.Property.FontFamily | undefined;
-    '--hvr-ff'?: csstype.Property.FontFamily | undefined;
-    '--focus-ff'?: csstype.Property.FontFamily | undefined;
-    '--ff-tablet'?: csstype.Property.FontFamily | undefined;
-    '--hvr-ff-tablet'?: csstype.Property.FontFamily | undefined;
-    '--focus-ff-tablet'?: csstype.Property.FontFamily | undefined;
-    '--ff-mobile'?: csstype.Property.FontFamily | undefined;
-    '--hvr-ff-mobile'?: csstype.Property.FontFamily | undefined;
-    '--focus-ff-mobile'?: csstype.Property.FontFamily | undefined;
-    '--size'?: csstype.Property.FontSize<string | number> | undefined;
-    '--hvr-size'?: csstype.Property.FontSize<string | number> | undefined;
-    '--focus-size'?: csstype.Property.FontSize<string | number> | undefined;
-    '--size-tablet'?: csstype.Property.FontSize<string | number> | undefined;
-    '--hvr-size-tablet'?: csstype.Property.FontSize<string | number> | undefined;
-    '--focus-size-tablet'?: csstype.Property.FontSize<string | number> | undefined;
-    '--size-mobile'?: csstype.Property.FontSize<string | number> | undefined;
-    '--hvr-size-mobile'?: csstype.Property.FontSize<string | number> | undefined;
-    '--focus-size-mobile'?: csstype.Property.FontSize<string | number> | undefined;
-    '--weight'?: csstype.Property.FontWeight | undefined;
-    '--hvr-weight'?: csstype.Property.FontWeight | undefined;
-    '--focus-weight'?: csstype.Property.FontWeight | undefined;
-    '--weight-tablet'?: csstype.Property.FontWeight | undefined;
-    '--hvr-weight-tablet'?: csstype.Property.FontWeight | undefined;
-    '--focus-weight-tablet'?: csstype.Property.FontWeight | undefined;
-    '--weight-mobile'?: csstype.Property.FontWeight | undefined;
-    '--hvr-weight-mobile'?: csstype.Property.FontWeight | undefined;
-    '--focus-weight-mobile'?: csstype.Property.FontWeight | undefined;
-    '--fs'?: csstype.Property.FontStyle | undefined;
-    '--hvr-fs'?: csstype.Property.FontStyle | undefined;
-    '--focus-fs'?: csstype.Property.FontStyle | undefined;
-    '--fs-tablet'?: csstype.Property.FontStyle | undefined;
-    '--hvr-fs-tablet'?: csstype.Property.FontStyle | undefined;
-    '--focus-fs-tablet'?: csstype.Property.FontStyle | undefined;
-    '--fs-mobile'?: csstype.Property.FontStyle | undefined;
-    '--hvr-fs-mobile'?: csstype.Property.FontStyle | undefined;
-    '--focus-fs-mobile'?: csstype.Property.FontStyle | undefined;
-    '--gg'?: csstype.Property.GridGap<string | number> | undefined;
-    '--hvr-gg'?: csstype.Property.GridGap<string | number> | undefined;
-    '--focus-gg'?: csstype.Property.GridGap<string | number> | undefined;
-    '--gg-tablet'?: csstype.Property.GridGap<string | number> | undefined;
-    '--hvr-gg-tablet'?: csstype.Property.GridGap<string | number> | undefined;
-    '--focus-gg-tablet'?: csstype.Property.GridGap<string | number> | undefined;
-    '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
-    '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
-    '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
-    '--gr'?: csstype.Property.GridRow | undefined;
-    '--hvr-gr'?: csstype.Property.GridRow | undefined;
-    '--focus-gr'?: csstype.Property.GridRow | undefined;
-    '--gr-tablet'?: csstype.Property.GridRow | undefined;
-    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
-    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
-    '--gr-mobile'?: csstype.Property.GridRow | undefined;
-    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
-    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
-    '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--gtc-tablet'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--hvr-gtc-tablet'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--focus-gtc-tablet'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--gtc-mobile'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--hvr-gtc-mobile'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--focus-gtc-mobile'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    '--gtr'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--hvr-gtr'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--focus-gtr'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--gtr-tablet'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--hvr-gtr-tablet'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--focus-gtr-tablet'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--gtr-mobile'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--hvr-gtr-mobile'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--focus-gtr-mobile'?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    '--h'?: csstype.Property.Height<string | number> | undefined;
-    '--hvr-h'?: csstype.Property.Height<string | number> | undefined;
-    '--focus-h'?: csstype.Property.Height<string | number> | undefined;
-    '--h-tablet'?: csstype.Property.Height<string | number> | undefined;
-    '--hvr-h-tablet'?: csstype.Property.Height<string | number> | undefined;
-    '--focus-h-tablet'?: csstype.Property.Height<string | number> | undefined;
-    '--h-mobile'?: csstype.Property.Height<string | number> | undefined;
-    '--hvr-h-mobile'?: csstype.Property.Height<string | number> | undefined;
-    '--focus-h-mobile'?: csstype.Property.Height<string | number> | undefined;
-    '--jc'?: csstype.Property.JustifyContent | undefined;
-    '--hvr-jc'?: csstype.Property.JustifyContent | undefined;
-    '--focus-jc'?: csstype.Property.JustifyContent | undefined;
-    '--jc-tablet'?: csstype.Property.JustifyContent | undefined;
-    '--hvr-jc-tablet'?: csstype.Property.JustifyContent | undefined;
-    '--focus-jc-tablet'?: csstype.Property.JustifyContent | undefined;
-    '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
-    '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
-    '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
-    '--left'?: csstype.Property.Left<string | number> | undefined;
-    '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
-    '--focus-left'?: csstype.Property.Left<string | number> | undefined;
-    '--left-tablet'?: csstype.Property.Left<string | number> | undefined;
-    '--hvr-left-tablet'?: csstype.Property.Left<string | number> | undefined;
-    '--focus-left-tablet'?: csstype.Property.Left<string | number> | undefined;
-    '--left-mobile'?: csstype.Property.Left<string | number> | undefined;
-    '--hvr-left-mobile'?: csstype.Property.Left<string | number> | undefined;
-    '--focus-left-mobile'?: csstype.Property.Left<string | number> | undefined;
-    '--ls'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--hvr-ls'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--focus-ls'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--ls-tablet'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--hvr-ls-tablet'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--focus-ls-tablet'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--ls-mobile'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--hvr-ls-mobile'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--focus-ls-mobile'?: csstype.Property.LetterSpacing<string | number> | undefined;
-    '--line-clamp'?: any;
-    '--hvr-line-clamp'?: any;
-    '--focus-line-clamp'?: any;
-    '--line-clamp-tablet'?: any;
-    '--hvr-line-clamp-tablet'?: any;
-    '--focus-line-clamp-tablet'?: any;
-    '--line-clamp-mobile'?: any;
-    '--hvr-line-clamp-mobile'?: any;
-    '--focus-line-clamp-mobile'?: any;
-    '--lh'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--hvr-lh'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--focus-lh'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--lh-tablet'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--hvr-lh-tablet'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--focus-lh-tablet'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--lh-mobile'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--hvr-lh-mobile'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--focus-lh-mobile'?: csstype.Property.LineHeight<string | number> | undefined;
-    '--tdt'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--hvr-tdt'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--focus-tdt'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--tdt-tablet'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--hvr-tdt-tablet'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--focus-tdt-tablet'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--tdt-mobile'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--hvr-tdt-mobile'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--focus-tdt-mobile'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    '--tdc'?: csstype.Property.TextDecorationColor | undefined;
-    '--hvr-tdc'?: csstype.Property.TextDecorationColor | undefined;
-    '--focus-tdc'?: csstype.Property.TextDecorationColor | undefined;
-    '--tdc-tablet'?: csstype.Property.TextDecorationColor | undefined;
-    '--hvr-tdc-tablet'?: csstype.Property.TextDecorationColor | undefined;
-    '--focus-tdc-tablet'?: csstype.Property.TextDecorationColor | undefined;
-    '--tdc-mobile'?: csstype.Property.TextDecorationColor | undefined;
-    '--hvr-tdc-mobile'?: csstype.Property.TextDecorationColor | undefined;
-    '--focus-tdc-mobile'?: csstype.Property.TextDecorationColor | undefined;
-    '--tdl'?: csstype.Property.TextDecorationLine | undefined;
-    '--hvr-tdl'?: csstype.Property.TextDecorationLine | undefined;
-    '--focus-tdl'?: csstype.Property.TextDecorationLine | undefined;
-    '--tdl-tablet'?: csstype.Property.TextDecorationLine | undefined;
-    '--hvr-tdl-tablet'?: csstype.Property.TextDecorationLine | undefined;
-    '--focus-tdl-tablet'?: csstype.Property.TextDecorationLine | undefined;
-    '--tdl-mobile'?: csstype.Property.TextDecorationLine | undefined;
-    '--hvr-tdl-mobile'?: csstype.Property.TextDecorationLine | undefined;
-    '--focus-tdl-mobile'?: csstype.Property.TextDecorationLine | undefined;
-    '--m'?: csstype.Property.Margin<string | number> | undefined;
-    '--hvr-m'?: csstype.Property.Margin<string | number> | undefined;
-    '--focus-m'?: csstype.Property.Margin<string | number> | undefined;
-    '--m-tablet'?: csstype.Property.Margin<string | number> | undefined;
-    '--hvr-m-tablet'?: csstype.Property.Margin<string | number> | undefined;
-    '--focus-m-tablet'?: csstype.Property.Margin<string | number> | undefined;
-    '--m-mobile'?: csstype.Property.Margin<string | number> | undefined;
-    '--hvr-m-mobile'?: csstype.Property.Margin<string | number> | undefined;
-    '--focus-m-mobile'?: csstype.Property.Margin<string | number> | undefined;
-    '--mb'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--hvr-mb'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--focus-mb'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--mb-tablet'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--hvr-mb-tablet'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--focus-mb-tablet'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--mb-mobile'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--hvr-mb-mobile'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--focus-mb-mobile'?: csstype.Property.MarginBottom<string | number> | undefined;
-    '--ml'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--hvr-ml'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--focus-ml'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--ml-tablet'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--hvr-ml-tablet'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--focus-ml-tablet'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--ml-mobile'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--hvr-ml-mobile'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--focus-ml-mobile'?: csstype.Property.MarginLeft<string | number> | undefined;
-    '--mr'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--hvr-mr'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--focus-mr'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--mr-tablet'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--hvr-mr-tablet'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--focus-mr-tablet'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--mr-mobile'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--hvr-mr-mobile'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--focus-mr-mobile'?: csstype.Property.MarginRight<string | number> | undefined;
-    '--mt'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--hvr-mt'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--focus-mt'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--mt-tablet'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--hvr-mt-tablet'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--focus-mt-tablet'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--mt-mobile'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--hvr-mt-mobile'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--focus-mt-mobile'?: csstype.Property.MarginTop<string | number> | undefined;
-    '--maxh'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--hvr-maxh'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--focus-maxh'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--maxh-tablet'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--hvr-maxh-tablet'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--focus-maxh-tablet'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--maxh-mobile'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--hvr-maxh-mobile'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--focus-maxh-mobile'?: csstype.Property.MaxHeight<string | number> | undefined;
-    '--maxw'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--hvr-maxw'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--focus-maxw'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--maxw-tablet'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--hvr-maxw-tablet'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--focus-maxw-tablet'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--maxw-mobile'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--hvr-maxw-mobile'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--focus-maxw-mobile'?: csstype.Property.MaxWidth<string | number> | undefined;
-    '--minh'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--hvr-minh'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--focus-minh'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--minh-tablet'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--hvr-minh-tablet'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--focus-minh-tablet'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--minh-mobile'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--hvr-minh-mobile'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--focus-minh-mobile'?: csstype.Property.MinHeight<string | number> | undefined;
-    '--minw'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--hvr-minw'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--focus-minw'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--minw-tablet'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--hvr-minw-tablet'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--focus-minw-tablet'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--minw-mobile'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--hvr-minw-mobile'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--focus-minw-mobile'?: csstype.Property.MinWidth<string | number> | undefined;
-    '--objf'?: csstype.Property.ObjectFit | undefined;
-    '--hvr-objf'?: csstype.Property.ObjectFit | undefined;
-    '--focus-objf'?: csstype.Property.ObjectFit | undefined;
-    '--objf-tablet'?: csstype.Property.ObjectFit | undefined;
-    '--hvr-objf-tablet'?: csstype.Property.ObjectFit | undefined;
-    '--focus-objf-tablet'?: csstype.Property.ObjectFit | undefined;
-    '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
-    '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
-    '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
-    '--op'?: csstype.Property.Opacity | undefined;
-    '--hvr-op'?: csstype.Property.Opacity | undefined;
-    '--focus-op'?: csstype.Property.Opacity | undefined;
-    '--op-tablet'?: csstype.Property.Opacity | undefined;
-    '--hvr-op-tablet'?: csstype.Property.Opacity | undefined;
-    '--focus-op-tablet'?: csstype.Property.Opacity | undefined;
-    '--op-mobile'?: csstype.Property.Opacity | undefined;
-    '--hvr-op-mobile'?: csstype.Property.Opacity | undefined;
-    '--focus-op-mobile'?: csstype.Property.Opacity | undefined;
-    '--o'?: csstype.Property.Order | undefined;
-    '--hvr-o'?: csstype.Property.Order | undefined;
-    '--focus-o'?: csstype.Property.Order | undefined;
-    '--o-tablet'?: csstype.Property.Order | undefined;
-    '--hvr-o-tablet'?: csstype.Property.Order | undefined;
-    '--focus-o-tablet'?: csstype.Property.Order | undefined;
-    '--o-mobile'?: csstype.Property.Order | undefined;
-    '--hvr-o-mobile'?: csstype.Property.Order | undefined;
-    '--focus-o-mobile'?: csstype.Property.Order | undefined;
-    '--pc'?: csstype.Property.PlaceContent | undefined;
-    '--hvr-pc'?: csstype.Property.PlaceContent | undefined;
-    '--focus-pc'?: csstype.Property.PlaceContent | undefined;
-    '--pc-tablet'?: csstype.Property.PlaceContent | undefined;
-    '--hvr-pc-tablet'?: csstype.Property.PlaceContent | undefined;
-    '--focus-pc-tablet'?: csstype.Property.PlaceContent | undefined;
-    '--pc-mobile'?: csstype.Property.PlaceContent | undefined;
-    '--hvr-pc-mobile'?: csstype.Property.PlaceContent | undefined;
-    '--focus-pc-mobile'?: csstype.Property.PlaceContent | undefined;
-    '--p'?: csstype.Property.Padding<string | number> | undefined;
-    '--hvr-p'?: csstype.Property.Padding<string | number> | undefined;
-    '--focus-p'?: csstype.Property.Padding<string | number> | undefined;
-    '--p-tablet'?: csstype.Property.Padding<string | number> | undefined;
-    '--hvr-p-tablet'?: csstype.Property.Padding<string | number> | undefined;
-    '--focus-p-tablet'?: csstype.Property.Padding<string | number> | undefined;
-    '--p-mobile'?: csstype.Property.Padding<string | number> | undefined;
-    '--hvr-p-mobile'?: csstype.Property.Padding<string | number> | undefined;
-    '--focus-p-mobile'?: csstype.Property.Padding<string | number> | undefined;
-    '--pb'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--hvr-pb'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--focus-pb'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--pb-tablet'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--hvr-pb-tablet'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--focus-pb-tablet'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--pb-mobile'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--hvr-pb-mobile'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--focus-pb-mobile'?: csstype.Property.PaddingBottom<string | number> | undefined;
-    '--pl'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--hvr-pl'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--focus-pl'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--pl-tablet'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--hvr-pl-tablet'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--focus-pl-tablet'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--pl-mobile'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--hvr-pl-mobile'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--focus-pl-mobile'?: csstype.Property.PaddingLeft<string | number> | undefined;
-    '--pr'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--hvr-pr'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--focus-pr'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--pr-tablet'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--hvr-pr-tablet'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--focus-pr-tablet'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--pr-mobile'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--hvr-pr-mobile'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--focus-pr-mobile'?: csstype.Property.PaddingRight<string | number> | undefined;
-    '--pt'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--hvr-pt'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--focus-pt'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--pt-tablet'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--hvr-pt-tablet'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--focus-pt-tablet'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--hvr-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--focus-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
-    '--pe'?: csstype.Property.PointerEvents | undefined;
-    '--hvr-pe'?: csstype.Property.PointerEvents | undefined;
-    '--focus-pe'?: csstype.Property.PointerEvents | undefined;
-    '--pe-tablet'?: csstype.Property.PointerEvents | undefined;
-    '--hvr-pe-tablet'?: csstype.Property.PointerEvents | undefined;
-    '--focus-pe-tablet'?: csstype.Property.PointerEvents | undefined;
-    '--pe-mobile'?: csstype.Property.PointerEvents | undefined;
-    '--hvr-pe-mobile'?: csstype.Property.PointerEvents | undefined;
-    '--focus-pe-mobile'?: csstype.Property.PointerEvents | undefined;
-    '--pos'?: csstype.Property.Position | undefined;
-    '--hvr-pos'?: csstype.Property.Position | undefined;
-    '--focus-pos'?: csstype.Property.Position | undefined;
-    '--pos-tablet'?: csstype.Property.Position | undefined;
-    '--hvr-pos-tablet'?: csstype.Property.Position | undefined;
-    '--focus-pos-tablet'?: csstype.Property.Position | undefined;
-    '--pos-mobile'?: csstype.Property.Position | undefined;
-    '--hvr-pos-mobile'?: csstype.Property.Position | undefined;
-    '--focus-pos-mobile'?: csstype.Property.Position | undefined;
-    '--right'?: csstype.Property.Right<string | number> | undefined;
-    '--hvr-right'?: csstype.Property.Right<string | number> | undefined;
-    '--focus-right'?: csstype.Property.Right<string | number> | undefined;
-    '--right-tablet'?: csstype.Property.Right<string | number> | undefined;
-    '--hvr-right-tablet'?: csstype.Property.Right<string | number> | undefined;
-    '--focus-right-tablet'?: csstype.Property.Right<string | number> | undefined;
-    '--right-mobile'?: csstype.Property.Right<string | number> | undefined;
-    '--hvr-right-mobile'?: csstype.Property.Right<string | number> | undefined;
-    '--focus-right-mobile'?: csstype.Property.Right<string | number> | undefined;
-    '--rg'?: csstype.Property.RowGap<string | number> | undefined;
-    '--hvr-rg'?: csstype.Property.RowGap<string | number> | undefined;
-    '--focus-rg'?: csstype.Property.RowGap<string | number> | undefined;
-    '--rg-tablet'?: csstype.Property.RowGap<string | number> | undefined;
-    '--hvr-rg-tablet'?: csstype.Property.RowGap<string | number> | undefined;
-    '--focus-rg-tablet'?: csstype.Property.RowGap<string | number> | undefined;
-    '--rg-mobile'?: csstype.Property.RowGap<string | number> | undefined;
-    '--hvr-rg-mobile'?: csstype.Property.RowGap<string | number> | undefined;
-    '--focus-rg-mobile'?: csstype.Property.RowGap<string | number> | undefined;
-    '--ta'?: csstype.Property.TextAlign | undefined;
-    '--hvr-ta'?: csstype.Property.TextAlign | undefined;
-    '--focus-ta'?: csstype.Property.TextAlign | undefined;
-    '--ta-tablet'?: csstype.Property.TextAlign | undefined;
-    '--hvr-ta-tablet'?: csstype.Property.TextAlign | undefined;
-    '--focus-ta-tablet'?: csstype.Property.TextAlign | undefined;
-    '--ta-mobile'?: csstype.Property.TextAlign | undefined;
-    '--hvr-ta-mobile'?: csstype.Property.TextAlign | undefined;
-    '--focus-ta-mobile'?: csstype.Property.TextAlign | undefined;
-    '--ts'?: csstype.Property.TextShadow | undefined;
-    '--hvr-ts'?: csstype.Property.TextShadow | undefined;
-    '--focus-ts'?: csstype.Property.TextShadow | undefined;
-    '--ts-tablet'?: csstype.Property.TextShadow | undefined;
-    '--hvr-ts-tablet'?: csstype.Property.TextShadow | undefined;
-    '--focus-ts-tablet'?: csstype.Property.TextShadow | undefined;
-    '--ts-mobile'?: csstype.Property.TextShadow | undefined;
-    '--hvr-ts-mobile'?: csstype.Property.TextShadow | undefined;
-    '--focus-ts-mobile'?: csstype.Property.TextShadow | undefined;
-    '--tt'?: csstype.Property.TextTransform | undefined;
-    '--hvr-tt'?: csstype.Property.TextTransform | undefined;
-    '--focus-tt'?: csstype.Property.TextTransform | undefined;
-    '--tt-tablet'?: csstype.Property.TextTransform | undefined;
-    '--hvr-tt-tablet'?: csstype.Property.TextTransform | undefined;
-    '--focus-tt-tablet'?: csstype.Property.TextTransform | undefined;
-    '--tt-mobile'?: csstype.Property.TextTransform | undefined;
-    '--hvr-tt-mobile'?: csstype.Property.TextTransform | undefined;
-    '--focus-tt-mobile'?: csstype.Property.TextTransform | undefined;
-    '--top'?: csstype.Property.Top<string | number> | undefined;
-    '--hvr-top'?: csstype.Property.Top<string | number> | undefined;
-    '--focus-top'?: csstype.Property.Top<string | number> | undefined;
-    '--top-tablet'?: csstype.Property.Top<string | number> | undefined;
-    '--hvr-top-tablet'?: csstype.Property.Top<string | number> | undefined;
-    '--focus-top-tablet'?: csstype.Property.Top<string | number> | undefined;
-    '--top-mobile'?: csstype.Property.Top<string | number> | undefined;
-    '--hvr-top-mobile'?: csstype.Property.Top<string | number> | undefined;
-    '--focus-top-mobile'?: csstype.Property.Top<string | number> | undefined;
-    '--t'?: csstype.Property.Transform | undefined;
-    '--hvr-t'?: csstype.Property.Transform | undefined;
-    '--focus-t'?: csstype.Property.Transform | undefined;
-    '--t-tablet'?: csstype.Property.Transform | undefined;
-    '--hvr-t-tablet'?: csstype.Property.Transform | undefined;
-    '--focus-t-tablet'?: csstype.Property.Transform | undefined;
-    '--t-mobile'?: csstype.Property.Transform | undefined;
-    '--hvr-t-mobile'?: csstype.Property.Transform | undefined;
-    '--focus-t-mobile'?: csstype.Property.Transform | undefined;
-    '--v'?: csstype.Property.Visibility | undefined;
-    '--hvr-v'?: csstype.Property.Visibility | undefined;
-    '--focus-v'?: csstype.Property.Visibility | undefined;
-    '--v-tablet'?: csstype.Property.Visibility | undefined;
-    '--hvr-v-tablet'?: csstype.Property.Visibility | undefined;
-    '--focus-v-tablet'?: csstype.Property.Visibility | undefined;
-    '--v-mobile'?: csstype.Property.Visibility | undefined;
-    '--hvr-v-mobile'?: csstype.Property.Visibility | undefined;
-    '--focus-v-mobile'?: csstype.Property.Visibility | undefined;
-    '--ws'?: csstype.Property.WhiteSpace | undefined;
-    '--hvr-ws'?: csstype.Property.WhiteSpace | undefined;
-    '--focus-ws'?: csstype.Property.WhiteSpace | undefined;
-    '--ws-tablet'?: csstype.Property.WhiteSpace | undefined;
-    '--hvr-ws-tablet'?: csstype.Property.WhiteSpace | undefined;
-    '--focus-ws-tablet'?: csstype.Property.WhiteSpace | undefined;
-    '--ws-mobile'?: csstype.Property.WhiteSpace | undefined;
-    '--hvr-ws-mobile'?: csstype.Property.WhiteSpace | undefined;
-    '--focus-ws-mobile'?: csstype.Property.WhiteSpace | undefined;
-    '--w'?: csstype.Property.Width<string | number> | undefined;
-    '--hvr-w'?: csstype.Property.Width<string | number> | undefined;
-    '--focus-w'?: csstype.Property.Width<string | number> | undefined;
-    '--w-tablet'?: csstype.Property.Width<string | number> | undefined;
-    '--hvr-w-tablet'?: csstype.Property.Width<string | number> | undefined;
-    '--focus-w-tablet'?: csstype.Property.Width<string | number> | undefined;
-    '--w-mobile'?: csstype.Property.Width<string | number> | undefined;
-    '--hvr-w-mobile'?: csstype.Property.Width<string | number> | undefined;
-    '--focus-w-mobile'?: csstype.Property.Width<string | number> | undefined;
-    '--z'?: csstype.Property.ZIndex | undefined;
-    '--hvr-z'?: csstype.Property.ZIndex | undefined;
-    '--focus-z'?: csstype.Property.ZIndex | undefined;
-    '--z-tablet'?: csstype.Property.ZIndex | undefined;
-    '--hvr-z-tablet'?: csstype.Property.ZIndex | undefined;
-    '--focus-z-tablet'?: csstype.Property.ZIndex | undefined;
-    '--z-mobile'?: csstype.Property.ZIndex | undefined;
-    '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
-    '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
-    '--wm'?: csstype.Property.WritingMode | undefined;
-    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
-    '--focus-wm'?: csstype.Property.WritingMode | undefined;
-    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
-    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
-    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
-    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
-    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
-    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
-    accentColor?: csstype.Property.AccentColor | undefined;
-    alignContent?: csstype.Property.AlignContent | undefined;
-    alignItems?: csstype.Property.AlignItems | undefined;
-    alignSelf?: csstype.Property.AlignSelf | undefined;
-    alignTracks?: csstype.Property.AlignTracks | undefined;
-    animationComposition?: csstype.Property.AnimationComposition | undefined;
-    animationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
-    animationDirection?: csstype.Property.AnimationDirection | undefined;
-    animationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
-    animationFillMode?: csstype.Property.AnimationFillMode | undefined;
-    animationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
-    animationName?: csstype.Property.AnimationName | undefined;
-    animationPlayState?: csstype.Property.AnimationPlayState | undefined;
-    animationTimeline?: csstype.Property.AnimationTimeline | undefined;
-    animationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
-    appearance?: csstype.Property.Appearance | undefined;
-    aspectRatio?: csstype.Property.AspectRatio | undefined;
-    backdropFilter?: csstype.Property.BackdropFilter | undefined;
-    backfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
-    backgroundAttachment?: csstype.Property.BackgroundAttachment | undefined;
-    backgroundBlendMode?: csstype.Property.BackgroundBlendMode | undefined;
-    backgroundClip?: csstype.Property.BackgroundClip | undefined;
-    backgroundColor?: csstype.Property.BackgroundColor | undefined;
-    backgroundImage?: csstype.Property.BackgroundImage | undefined;
-    backgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
-    backgroundPositionX?: csstype.Property.BackgroundPositionX<string | number> | undefined;
-    backgroundPositionY?: csstype.Property.BackgroundPositionY<string | number> | undefined;
-    backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
-    backgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
-    blockOverflow?: csstype.Property.BlockOverflow | undefined;
-    blockSize?: csstype.Property.BlockSize<string | number> | undefined;
-    borderBlockColor?: csstype.Property.BorderBlockColor | undefined;
-    borderBlockEndColor?: csstype.Property.BorderBlockEndColor | undefined;
-    borderBlockEndStyle?: csstype.Property.BorderBlockEndStyle | undefined;
-    borderBlockEndWidth?: csstype.Property.BorderBlockEndWidth<string | number> | undefined;
-    borderBlockStartColor?: csstype.Property.BorderBlockStartColor | undefined;
-    borderBlockStartStyle?: csstype.Property.BorderBlockStartStyle | undefined;
-    borderBlockStartWidth?: csstype.Property.BorderBlockStartWidth<string | number> | undefined;
-    borderBlockStyle?: csstype.Property.BorderBlockStyle | undefined;
-    borderBlockWidth?: csstype.Property.BorderBlockWidth<string | number> | undefined;
-    borderBottomColor?: csstype.Property.BorderBottomColor | undefined;
-    borderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    borderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
-    borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
-    borderCollapse?: csstype.Property.BorderCollapse | undefined;
-    borderEndEndRadius?: csstype.Property.BorderEndEndRadius<string | number> | undefined;
-    borderEndStartRadius?: csstype.Property.BorderEndStartRadius<string | number> | undefined;
-    borderImageOutset?: csstype.Property.BorderImageOutset<string | number> | undefined;
-    borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
-    borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
-    borderImageSource?: csstype.Property.BorderImageSource | undefined;
-    borderImageWidth?: csstype.Property.BorderImageWidth<string | number> | undefined;
-    borderInlineColor?: csstype.Property.BorderInlineColor | undefined;
-    borderInlineEndColor?: csstype.Property.BorderInlineEndColor | undefined;
-    borderInlineEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
-    borderInlineEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
-    borderInlineStartColor?: csstype.Property.BorderInlineStartColor | undefined;
-    borderInlineStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
-    borderInlineStartWidth?: csstype.Property.BorderInlineStartWidth<string | number> | undefined;
-    borderInlineStyle?: csstype.Property.BorderInlineStyle | undefined;
-    borderInlineWidth?: csstype.Property.BorderInlineWidth<string | number> | undefined;
-    borderLeftColor?: csstype.Property.BorderLeftColor | undefined;
-    borderLeftStyle?: csstype.Property.BorderLeftStyle | undefined;
-    borderLeftWidth?: csstype.Property.BorderLeftWidth<string | number> | undefined;
-    borderRightColor?: csstype.Property.BorderRightColor | undefined;
-    borderRightStyle?: csstype.Property.BorderRightStyle | undefined;
-    borderRightWidth?: csstype.Property.BorderRightWidth<string | number> | undefined;
-    borderSpacing?: csstype.Property.BorderSpacing<string | number> | undefined;
-    borderStartEndRadius?: csstype.Property.BorderStartEndRadius<string | number> | undefined;
-    borderStartStartRadius?: csstype.Property.BorderStartStartRadius<string | number> | undefined;
-    borderTopColor?: csstype.Property.BorderTopColor | undefined;
-    borderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    borderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
-    borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
-    bottom?: csstype.Property.Bottom<string | number> | undefined;
-    boxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
-    boxShadow?: csstype.Property.BoxShadow | undefined;
-    boxSizing?: csstype.Property.BoxSizing | undefined;
-    breakAfter?: csstype.Property.BreakAfter | undefined;
-    breakBefore?: csstype.Property.BreakBefore | undefined;
-    breakInside?: csstype.Property.BreakInside | undefined;
-    captionSide?: csstype.Property.CaptionSide | undefined;
-    caretColor?: csstype.Property.CaretColor | undefined;
-    caretShape?: csstype.Property.CaretShape | undefined;
-    clear?: csstype.Property.Clear | undefined;
-    clipPath?: csstype.Property.ClipPath | undefined;
-    color?: csstype.Property.Color | undefined;
-    colorAdjust?: csstype.Property.PrintColorAdjust | undefined;
-    colorScheme?: csstype.Property.ColorScheme | undefined;
-    columnCount?: csstype.Property.ColumnCount | undefined;
-    columnFill?: csstype.Property.ColumnFill | undefined;
-    columnGap?: csstype.Property.ColumnGap<string | number> | undefined;
-    columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
-    columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
-    columnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
-    columnSpan?: csstype.Property.ColumnSpan | undefined;
-    columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
-    contain?: csstype.Property.Contain | undefined;
-    containIntrinsicBlockSize?: csstype.Property.ContainIntrinsicBlockSize<string | number> | undefined;
-    containIntrinsicHeight?: csstype.Property.ContainIntrinsicHeight<string | number> | undefined;
-    containIntrinsicInlineSize?: csstype.Property.ContainIntrinsicInlineSize<string | number> | undefined;
-    containIntrinsicWidth?: csstype.Property.ContainIntrinsicWidth<string | number> | undefined;
-    containerName?: csstype.Property.ContainerName | undefined;
-    containerType?: csstype.Property.ContainerType | undefined;
-    content?: csstype.Property.Content | undefined;
-    contentVisibility?: csstype.Property.ContentVisibility | undefined;
-    counterIncrement?: csstype.Property.CounterIncrement | undefined;
-    counterReset?: csstype.Property.CounterReset | undefined;
-    counterSet?: csstype.Property.CounterSet | undefined;
-    cursor?: csstype.Property.Cursor | undefined;
-    direction?: csstype.Property.Direction | undefined;
-    display?: csstype.Property.Display | undefined;
-    emptyCells?: csstype.Property.EmptyCells | undefined;
-    filter?: csstype.Property.Filter | undefined;
-    flexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
-    flexDirection?: csstype.Property.FlexDirection | undefined;
-    flexGrow?: csstype.Property.FlexGrow | undefined;
-    flexShrink?: csstype.Property.FlexShrink | undefined;
-    flexWrap?: csstype.Property.FlexWrap | undefined;
-    float?: csstype.Property.Float | undefined;
-    fontFamily?: csstype.Property.FontFamily | undefined;
-    fontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
-    fontKerning?: csstype.Property.FontKerning | undefined;
-    fontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
-    fontOpticalSizing?: csstype.Property.FontOpticalSizing | undefined;
-    fontPalette?: csstype.Property.FontPalette | undefined;
-    fontSize?: csstype.Property.FontSize<string | number> | undefined;
-    fontSizeAdjust?: csstype.Property.FontSizeAdjust | undefined;
-    fontSmooth?: csstype.Property.FontSmooth<string | number> | undefined;
-    fontStretch?: csstype.Property.FontStretch | undefined;
-    fontStyle?: csstype.Property.FontStyle | undefined;
-    fontSynthesis?: csstype.Property.FontSynthesis | undefined;
-    fontVariant?: csstype.Property.FontVariant | undefined;
-    fontVariantAlternates?: csstype.Property.FontVariantAlternates | undefined;
-    fontVariantCaps?: csstype.Property.FontVariantCaps | undefined;
-    fontVariantEastAsian?: csstype.Property.FontVariantEastAsian | undefined;
-    fontVariantEmoji?: csstype.Property.FontVariantEmoji | undefined;
-    fontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
-    fontVariantNumeric?: csstype.Property.FontVariantNumeric | undefined;
-    fontVariantPosition?: csstype.Property.FontVariantPosition | undefined;
-    fontVariationSettings?: csstype.Property.FontVariationSettings | undefined;
-    fontWeight?: csstype.Property.FontWeight | undefined;
-    forcedColorAdjust?: csstype.Property.ForcedColorAdjust | undefined;
-    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | undefined;
-    gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
-    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | undefined;
-    gridColumnEnd?: csstype.Property.GridColumnEnd | undefined;
-    gridColumnStart?: csstype.Property.GridColumnStart | undefined;
-    gridRowEnd?: csstype.Property.GridRowEnd | undefined;
-    gridRowStart?: csstype.Property.GridRowStart | undefined;
-    gridTemplateAreas?: csstype.Property.GridTemplateAreas | undefined;
-    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | undefined;
-    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | undefined;
-    hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
-    height?: csstype.Property.Height<string | number> | undefined;
-    hyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
-    hyphenateLimitChars?: csstype.Property.HyphenateLimitChars | undefined;
-    hyphens?: csstype.Property.Hyphens | undefined;
-    imageOrientation?: csstype.Property.ImageOrientation | undefined;
-    imageRendering?: csstype.Property.ImageRendering | undefined;
-    imageResolution?: csstype.Property.ImageResolution | undefined;
-    initialLetter?: csstype.Property.InitialLetter | undefined;
-    inlineSize?: csstype.Property.InlineSize<string | number> | undefined;
-    inputSecurity?: csstype.Property.InputSecurity | undefined;
-    insetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
-    insetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
-    insetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
-    insetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
-    isolation?: csstype.Property.Isolation | undefined;
-    justifyContent?: csstype.Property.JustifyContent | undefined;
-    justifyItems?: csstype.Property.JustifyItems | undefined;
-    justifySelf?: csstype.Property.JustifySelf | undefined;
-    justifyTracks?: csstype.Property.JustifyTracks | undefined;
-    left?: csstype.Property.Left<string | number> | undefined;
-    letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
-    lineBreak?: csstype.Property.LineBreak | undefined;
-    lineHeight?: csstype.Property.LineHeight<string | number> | undefined;
-    lineHeightStep?: csstype.Property.LineHeightStep<string | number> | undefined;
-    listStyleImage?: csstype.Property.ListStyleImage | undefined;
-    listStylePosition?: csstype.Property.ListStylePosition | undefined;
-    listStyleType?: csstype.Property.ListStyleType | undefined;
-    marginBlockEnd?: csstype.Property.MarginBlockEnd<string | number> | undefined;
-    marginBlockStart?: csstype.Property.MarginBlockStart<string | number> | undefined;
-    marginBottom?: csstype.Property.MarginBottom<string | number> | undefined;
-    marginInlineEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
-    marginInlineStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
-    marginLeft?: csstype.Property.MarginLeft<string | number> | undefined;
-    marginRight?: csstype.Property.MarginRight<string | number> | undefined;
-    marginTop?: csstype.Property.MarginTop<string | number> | undefined;
-    marginTrim?: csstype.Property.MarginTrim | undefined;
-    maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
-    maskBorderOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
-    maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
-    maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
-    maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
-    maskBorderWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
-    maskClip?: csstype.Property.MaskClip | undefined;
-    maskComposite?: csstype.Property.MaskComposite | undefined;
-    maskImage?: csstype.Property.MaskImage | undefined;
-    maskMode?: csstype.Property.MaskMode | undefined;
-    maskOrigin?: csstype.Property.MaskOrigin | undefined;
-    maskPosition?: csstype.Property.MaskPosition<string | number> | undefined;
-    maskRepeat?: csstype.Property.MaskRepeat | undefined;
-    maskSize?: csstype.Property.MaskSize<string | number> | undefined;
-    maskType?: csstype.Property.MaskType | undefined;
-    mathDepth?: csstype.Property.MathDepth | undefined;
-    mathShift?: csstype.Property.MathShift | undefined;
-    mathStyle?: csstype.Property.MathStyle | undefined;
-    maxBlockSize?: csstype.Property.MaxBlockSize<string | number> | undefined;
-    maxHeight?: csstype.Property.MaxHeight<string | number> | undefined;
-    maxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
-    maxLines?: csstype.Property.MaxLines | undefined;
-    maxWidth?: csstype.Property.MaxWidth<string | number> | undefined;
-    minBlockSize?: csstype.Property.MinBlockSize<string | number> | undefined;
-    minHeight?: csstype.Property.MinHeight<string | number> | undefined;
-    minInlineSize?: csstype.Property.MinInlineSize<string | number> | undefined;
-    minWidth?: csstype.Property.MinWidth<string | number> | undefined;
-    mixBlendMode?: csstype.Property.MixBlendMode | undefined;
-    motionDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
-    motionPath?: csstype.Property.OffsetPath | undefined;
-    motionRotation?: csstype.Property.OffsetRotate | undefined;
-    objectFit?: csstype.Property.ObjectFit | undefined;
-    objectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
-    offsetAnchor?: csstype.Property.OffsetAnchor<string | number> | undefined;
-    offsetDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
-    offsetPath?: csstype.Property.OffsetPath | undefined;
-    offsetPosition?: csstype.Property.OffsetPosition<string | number> | undefined;
-    offsetRotate?: csstype.Property.OffsetRotate | undefined;
-    offsetRotation?: csstype.Property.OffsetRotate | undefined;
-    opacity?: csstype.Property.Opacity | undefined;
-    order?: csstype.Property.Order | undefined;
-    orphans?: csstype.Property.Orphans | undefined;
-    outlineColor?: csstype.Property.OutlineColor | undefined;
-    outlineOffset?: csstype.Property.OutlineOffset<string | number> | undefined;
-    outlineStyle?: csstype.Property.OutlineStyle | undefined;
-    outlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
-    overflowAnchor?: csstype.Property.OverflowAnchor | undefined;
-    overflowBlock?: csstype.Property.OverflowBlock | undefined;
-    overflowClipBox?: csstype.Property.OverflowClipBox | undefined;
-    overflowClipMargin?: csstype.Property.OverflowClipMargin<string | number> | undefined;
-    overflowInline?: csstype.Property.OverflowInline | undefined;
-    overflowWrap?: csstype.Property.OverflowWrap | undefined;
-    overflowX?: csstype.Property.OverflowX | undefined;
-    overflowY?: csstype.Property.OverflowY | undefined;
-    overscrollBehaviorBlock?: csstype.Property.OverscrollBehaviorBlock | undefined;
-    overscrollBehaviorInline?: csstype.Property.OverscrollBehaviorInline | undefined;
-    overscrollBehaviorX?: csstype.Property.OverscrollBehaviorX | undefined;
-    overscrollBehaviorY?: csstype.Property.OverscrollBehaviorY | undefined;
-    paddingBlockEnd?: csstype.Property.PaddingBlockEnd<string | number> | undefined;
-    paddingBlockStart?: csstype.Property.PaddingBlockStart<string | number> | undefined;
-    paddingBottom?: csstype.Property.PaddingBottom<string | number> | undefined;
-    paddingInlineEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
-    paddingInlineStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
-    paddingLeft?: csstype.Property.PaddingLeft<string | number> | undefined;
-    paddingRight?: csstype.Property.PaddingRight<string | number> | undefined;
-    paddingTop?: csstype.Property.PaddingTop<string | number> | undefined;
-    page?: csstype.Property.Page | undefined;
-    pageBreakAfter?: csstype.Property.PageBreakAfter | undefined;
-    pageBreakBefore?: csstype.Property.PageBreakBefore | undefined;
-    pageBreakInside?: csstype.Property.PageBreakInside | undefined;
-    paintOrder?: csstype.Property.PaintOrder | undefined;
-    perspective?: csstype.Property.Perspective<string | number> | undefined;
-    perspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
-    pointerEvents?: csstype.Property.PointerEvents | undefined;
-    position?: csstype.Property.Position | undefined;
-    printColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
-    quotes?: csstype.Property.Quotes | undefined;
-    resize?: csstype.Property.Resize | undefined;
-    right?: csstype.Property.Right<string | number> | undefined;
-    rotate?: csstype.Property.Rotate | undefined;
-    rowGap?: csstype.Property.RowGap<string | number> | undefined;
-    rubyAlign?: csstype.Property.RubyAlign | undefined;
-    rubyMerge?: csstype.Property.RubyMerge | undefined;
-    rubyPosition?: csstype.Property.RubyPosition | undefined;
-    scale?: csstype.Property.Scale | undefined;
-    scrollBehavior?: csstype.Property.ScrollBehavior | undefined;
-    scrollMarginBlockEnd?: csstype.Property.ScrollMarginBlockEnd<string | number> | undefined;
-    scrollMarginBlockStart?: csstype.Property.ScrollMarginBlockStart<string | number> | undefined;
-    scrollMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
-    scrollMarginInlineEnd?: csstype.Property.ScrollMarginInlineEnd<string | number> | undefined;
-    scrollMarginInlineStart?: csstype.Property.ScrollMarginInlineStart<string | number> | undefined;
-    scrollMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
-    scrollMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
-    scrollMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
-    scrollPaddingBlockEnd?: csstype.Property.ScrollPaddingBlockEnd<string | number> | undefined;
-    scrollPaddingBlockStart?: csstype.Property.ScrollPaddingBlockStart<string | number> | undefined;
-    scrollPaddingBottom?: csstype.Property.ScrollPaddingBottom<string | number> | undefined;
-    scrollPaddingInlineEnd?: csstype.Property.ScrollPaddingInlineEnd<string | number> | undefined;
-    scrollPaddingInlineStart?: csstype.Property.ScrollPaddingInlineStart<string | number> | undefined;
-    scrollPaddingLeft?: csstype.Property.ScrollPaddingLeft<string | number> | undefined;
-    scrollPaddingRight?: csstype.Property.ScrollPaddingRight<string | number> | undefined;
-    scrollPaddingTop?: csstype.Property.ScrollPaddingTop<string | number> | undefined;
-    scrollSnapAlign?: csstype.Property.ScrollSnapAlign | undefined;
-    scrollSnapMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
-    scrollSnapMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
-    scrollSnapMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
-    scrollSnapMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
-    scrollSnapStop?: csstype.Property.ScrollSnapStop | undefined;
-    scrollSnapType?: csstype.Property.ScrollSnapType | undefined;
-    scrollTimelineAxis?: csstype.Property.ScrollTimelineAxis | undefined;
-    scrollTimelineName?: csstype.Property.ScrollTimelineName | undefined;
-    scrollbarColor?: csstype.Property.ScrollbarColor | undefined;
-    scrollbarGutter?: csstype.Property.ScrollbarGutter | undefined;
-    scrollbarWidth?: csstype.Property.ScrollbarWidth | undefined;
-    shapeImageThreshold?: csstype.Property.ShapeImageThreshold | undefined;
-    shapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
-    shapeOutside?: csstype.Property.ShapeOutside | undefined;
-    tabSize?: csstype.Property.TabSize<string | number> | undefined;
-    tableLayout?: csstype.Property.TableLayout | undefined;
-    textAlign?: csstype.Property.TextAlign | undefined;
-    textAlignLast?: csstype.Property.TextAlignLast | undefined;
-    textCombineUpright?: csstype.Property.TextCombineUpright | undefined;
-    textDecorationColor?: csstype.Property.TextDecorationColor | undefined;
-    textDecorationLine?: csstype.Property.TextDecorationLine | undefined;
-    textDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
-    textDecorationSkipInk?: csstype.Property.TextDecorationSkipInk | undefined;
-    textDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
-    textDecorationThickness?: csstype.Property.TextDecorationThickness<string | number> | undefined;
-    textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
-    textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
-    textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
-    textIndent?: csstype.Property.TextIndent<string | number> | undefined;
-    textJustify?: csstype.Property.TextJustify | undefined;
-    textOrientation?: csstype.Property.TextOrientation | undefined;
-    textOverflow?: csstype.Property.TextOverflow | undefined;
-    textRendering?: csstype.Property.TextRendering | undefined;
-    textShadow?: csstype.Property.TextShadow | undefined;
-    textSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
-    textTransform?: csstype.Property.TextTransform | undefined;
-    textUnderlineOffset?: csstype.Property.TextUnderlineOffset<string | number> | undefined;
-    textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
-    top?: csstype.Property.Top<string | number> | undefined;
-    touchAction?: csstype.Property.TouchAction | undefined;
-    transform?: csstype.Property.Transform | undefined;
-    transformBox?: csstype.Property.TransformBox | undefined;
-    transformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
-    transformStyle?: csstype.Property.TransformStyle | undefined;
-    transitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
-    transitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
-    transitionProperty?: csstype.Property.TransitionProperty | undefined;
-    transitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
-    translate?: csstype.Property.Translate<string | number> | undefined;
-    unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
-    userSelect?: csstype.Property.UserSelect | undefined;
-    verticalAlign?: csstype.Property.VerticalAlign<string | number> | undefined;
-    viewTransitionName?: csstype.Property.ViewTransitionName | undefined;
-    visibility?: csstype.Property.Visibility | undefined;
-    whiteSpace?: csstype.Property.WhiteSpace | undefined;
-    widows?: csstype.Property.Widows | undefined;
-    width?: csstype.Property.Width<string | number> | undefined;
-    willChange?: csstype.Property.WillChange | undefined;
-    wordBreak?: csstype.Property.WordBreak | undefined;
-    wordSpacing?: csstype.Property.WordSpacing<string | number> | undefined;
-    wordWrap?: csstype.Property.WordWrap | undefined;
-    writingMode?: csstype.Property.WritingMode | undefined;
-    zIndex?: csstype.Property.ZIndex | undefined;
-    zoom?: csstype.Property.Zoom | undefined;
-    all?: csstype.Globals | undefined;
-    animation?: csstype.Property.Animation<string & {}> | undefined;
-    background?: csstype.Property.Background<string | number> | undefined;
-    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    border?: csstype.Property.Border<string | number> | undefined;
-    borderBlock?: csstype.Property.BorderBlock<string | number> | undefined;
-    borderBlockEnd?: csstype.Property.BorderBlockEnd<string | number> | undefined;
-    borderBlockStart?: csstype.Property.BorderBlockStart<string | number> | undefined;
-    borderBottom?: csstype.Property.BorderBottom<string | number> | undefined;
-    borderColor?: csstype.Property.BorderColor | undefined;
-    borderImage?: csstype.Property.BorderImage | undefined;
-    borderInline?: csstype.Property.BorderInline<string | number> | undefined;
-    borderInlineEnd?: csstype.Property.BorderInlineEnd<string | number> | undefined;
-    borderInlineStart?: csstype.Property.BorderInlineStart<string | number> | undefined;
-    borderLeft?: csstype.Property.BorderLeft<string | number> | undefined;
-    borderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
-    borderRight?: csstype.Property.BorderRight<string | number> | undefined;
-    borderStyle?: csstype.Property.BorderStyle | undefined;
-    borderTop?: csstype.Property.BorderTop<string | number> | undefined;
-    borderWidth?: csstype.Property.BorderWidth<string | number> | undefined;
-    caret?: csstype.Property.Caret | undefined;
-    columnRule?: csstype.Property.ColumnRule<string | number> | undefined;
-    columns?: csstype.Property.Columns<string | number> | undefined;
-    containIntrinsicSize?: csstype.Property.ContainIntrinsicSize<string | number> | undefined;
-    container?: csstype.Property.Container | undefined;
-    flex?: csstype.Property.Flex<string | number> | undefined;
-    flexFlow?: csstype.Property.FlexFlow | undefined;
-    font?: csstype.Property.Font | undefined;
-    gap?: csstype.Property.Gap<string | number> | undefined;
-    grid?: csstype.Property.Grid | undefined;
-    gridArea?: csstype.Property.GridArea | undefined;
-    gridColumn?: csstype.Property.GridColumn | undefined;
-    gridRow?: csstype.Property.GridRow | undefined;
-    gridTemplate?: csstype.Property.GridTemplate | undefined;
-    inset?: csstype.Property.Inset<string | number> | undefined;
-    insetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
-    insetInline?: csstype.Property.InsetInline<string | number> | undefined;
-    lineClamp?: csstype.Property.LineClamp | undefined;
-    listStyle?: csstype.Property.ListStyle | undefined;
-    margin?: csstype.Property.Margin<string | number> | undefined;
-    marginBlock?: csstype.Property.MarginBlock<string | number> | undefined;
-    marginInline?: csstype.Property.MarginInline<string | number> | undefined;
-    mask?: csstype.Property.Mask<string | number> | undefined;
-    maskBorder?: csstype.Property.MaskBorder | undefined;
-    motion?: csstype.Property.Offset<string | number> | undefined;
-    offset?: csstype.Property.Offset<string | number> | undefined;
-    outline?: csstype.Property.Outline<string | number> | undefined;
-    overflow?: csstype.Property.Overflow | undefined;
-    overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
-    padding?: csstype.Property.Padding<string | number> | undefined;
-    paddingBlock?: csstype.Property.PaddingBlock<string | number> | undefined;
-    paddingInline?: csstype.Property.PaddingInline<string | number> | undefined;
-    placeContent?: csstype.Property.PlaceContent | undefined;
-    placeItems?: csstype.Property.PlaceItems | undefined;
-    placeSelf?: csstype.Property.PlaceSelf | undefined;
-    scrollMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
-    scrollMarginBlock?: csstype.Property.ScrollMarginBlock<string | number> | undefined;
-    scrollMarginInline?: csstype.Property.ScrollMarginInline<string | number> | undefined;
-    scrollPadding?: csstype.Property.ScrollPadding<string | number> | undefined;
-    scrollPaddingBlock?: csstype.Property.ScrollPaddingBlock<string | number> | undefined;
-    scrollPaddingInline?: csstype.Property.ScrollPaddingInline<string | number> | undefined;
-    scrollSnapMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
-    scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
-    textDecoration?: csstype.Property.TextDecoration<string | number> | undefined;
-    textEmphasis?: csstype.Property.TextEmphasis | undefined;
-    transition?: csstype.Property.Transition<string & {}> | undefined;
-    MozAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
-    MozAnimationDirection?: csstype.Property.AnimationDirection | undefined;
-    MozAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
-    MozAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
-    MozAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
-    MozAnimationName?: csstype.Property.AnimationName | undefined;
-    MozAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
-    MozAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
-    MozAppearance?: csstype.Property.MozAppearance | undefined;
-    MozBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
-    MozBinding?: csstype.Property.MozBinding | undefined;
-    MozBorderBottomColors?: csstype.Property.MozBorderBottomColors | undefined;
-    MozBorderEndColor?: csstype.Property.BorderInlineEndColor | undefined;
-    MozBorderEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
-    MozBorderEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
-    MozBorderLeftColors?: csstype.Property.MozBorderLeftColors | undefined;
-    MozBorderRightColors?: csstype.Property.MozBorderRightColors | undefined;
-    MozBorderStartColor?: csstype.Property.BorderInlineStartColor | undefined;
-    MozBorderStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
-    MozBorderTopColors?: csstype.Property.MozBorderTopColors | undefined;
-    MozBoxSizing?: csstype.Property.BoxSizing | undefined;
-    MozColumnCount?: csstype.Property.ColumnCount | undefined;
-    MozColumnFill?: csstype.Property.ColumnFill | undefined;
-    MozColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
-    MozColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
-    MozColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
-    MozColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
-    MozContextProperties?: csstype.Property.MozContextProperties | undefined;
-    MozFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
-    MozFontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
-    MozHyphens?: csstype.Property.Hyphens | undefined;
-    MozImageRegion?: csstype.Property.MozImageRegion | undefined;
-    MozMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
-    MozMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
-    MozOrient?: csstype.Property.MozOrient | undefined;
-    MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
-    MozPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
-    MozPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
-    MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
-    MozPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
-    MozStackSizing?: csstype.Property.MozStackSizing | undefined;
-    MozTabSize?: csstype.Property.TabSize<string | number> | undefined;
-    MozTextBlink?: csstype.Property.MozTextBlink | undefined;
-    MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
-    MozTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
-    MozTransformStyle?: csstype.Property.TransformStyle | undefined;
-    MozTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
-    MozTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
-    MozTransitionProperty?: csstype.Property.TransitionProperty | undefined;
-    MozTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
-    MozUserFocus?: csstype.Property.MozUserFocus | undefined;
-    MozUserModify?: csstype.Property.MozUserModify | undefined;
-    MozUserSelect?: csstype.Property.UserSelect | undefined;
-    MozWindowDragging?: csstype.Property.MozWindowDragging | undefined;
-    MozWindowShadow?: csstype.Property.MozWindowShadow | undefined;
-    msAccelerator?: csstype.Property.MsAccelerator | undefined;
-    msBlockProgression?: csstype.Property.MsBlockProgression | undefined;
-    msContentZoomChaining?: csstype.Property.MsContentZoomChaining | undefined;
-    msContentZoomLimitMax?: csstype.Property.MsContentZoomLimitMax | undefined;
-    msContentZoomLimitMin?: csstype.Property.MsContentZoomLimitMin | undefined;
-    msContentZoomSnapPoints?: csstype.Property.MsContentZoomSnapPoints | undefined;
-    msContentZoomSnapType?: csstype.Property.MsContentZoomSnapType | undefined;
-    msContentZooming?: csstype.Property.MsContentZooming | undefined;
-    msFilter?: csstype.Property.MsFilter | undefined;
-    msFlexDirection?: csstype.Property.FlexDirection | undefined;
-    msFlexPositive?: csstype.Property.FlexGrow | undefined;
-    msFlowFrom?: csstype.Property.MsFlowFrom | undefined;
-    msFlowInto?: csstype.Property.MsFlowInto | undefined;
-    msGridColumns?: csstype.Property.MsGridColumns<string | number> | undefined;
-    msGridRows?: csstype.Property.MsGridRows<string | number> | undefined;
-    msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
-    msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
-    msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
-    msHyphenateLimitZone?: csstype.Property.MsHyphenateLimitZone<string | number> | undefined;
-    msHyphens?: csstype.Property.Hyphens | undefined;
-    msImeAlign?: csstype.Property.MsImeAlign | undefined;
-    msLineBreak?: csstype.Property.LineBreak | undefined;
-    msOrder?: csstype.Property.Order | undefined;
-    msOverflowStyle?: csstype.Property.MsOverflowStyle | undefined;
-    msOverflowX?: csstype.Property.OverflowX | undefined;
-    msOverflowY?: csstype.Property.OverflowY | undefined;
-    msScrollChaining?: csstype.Property.MsScrollChaining | undefined;
-    msScrollLimitXMax?: csstype.Property.MsScrollLimitXMax<string | number> | undefined;
-    msScrollLimitXMin?: csstype.Property.MsScrollLimitXMin<string | number> | undefined;
-    msScrollLimitYMax?: csstype.Property.MsScrollLimitYMax<string | number> | undefined;
-    msScrollLimitYMin?: csstype.Property.MsScrollLimitYMin<string | number> | undefined;
-    msScrollRails?: csstype.Property.MsScrollRails | undefined;
-    msScrollSnapPointsX?: csstype.Property.MsScrollSnapPointsX | undefined;
-    msScrollSnapPointsY?: csstype.Property.MsScrollSnapPointsY | undefined;
-    msScrollSnapType?: csstype.Property.MsScrollSnapType | undefined;
-    msScrollTranslation?: csstype.Property.MsScrollTranslation | undefined;
-    msScrollbar3dlightColor?: csstype.Property.MsScrollbar3dlightColor | undefined;
-    msScrollbarArrowColor?: csstype.Property.MsScrollbarArrowColor | undefined;
-    msScrollbarBaseColor?: csstype.Property.MsScrollbarBaseColor | undefined;
-    msScrollbarDarkshadowColor?: csstype.Property.MsScrollbarDarkshadowColor | undefined;
-    msScrollbarFaceColor?: csstype.Property.MsScrollbarFaceColor | undefined;
-    msScrollbarHighlightColor?: csstype.Property.MsScrollbarHighlightColor | undefined;
-    msScrollbarShadowColor?: csstype.Property.MsScrollbarShadowColor | undefined;
-    msScrollbarTrackColor?: csstype.Property.MsScrollbarTrackColor | undefined;
-    msTextAutospace?: csstype.Property.MsTextAutospace | undefined;
-    msTextCombineHorizontal?: csstype.Property.TextCombineUpright | undefined;
-    msTextOverflow?: csstype.Property.TextOverflow | undefined;
-    msTouchAction?: csstype.Property.TouchAction | undefined;
-    msTouchSelect?: csstype.Property.MsTouchSelect | undefined;
-    msTransform?: csstype.Property.Transform | undefined;
-    msTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
-    msTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
-    msTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
-    msTransitionProperty?: csstype.Property.TransitionProperty | undefined;
-    msTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
-    msUserSelect?: csstype.Property.MsUserSelect | undefined;
-    msWordBreak?: csstype.Property.WordBreak | undefined;
-    msWrapFlow?: csstype.Property.MsWrapFlow | undefined;
-    msWrapMargin?: csstype.Property.MsWrapMargin<string | number> | undefined;
-    msWrapThrough?: csstype.Property.MsWrapThrough | undefined;
-    msWritingMode?: csstype.Property.WritingMode | undefined;
-    WebkitAlignContent?: csstype.Property.AlignContent | undefined;
-    WebkitAlignItems?: csstype.Property.AlignItems | undefined;
-    WebkitAlignSelf?: csstype.Property.AlignSelf | undefined;
-    WebkitAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
-    WebkitAnimationDirection?: csstype.Property.AnimationDirection | undefined;
-    WebkitAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
-    WebkitAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
-    WebkitAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
-    WebkitAnimationName?: csstype.Property.AnimationName | undefined;
-    WebkitAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
-    WebkitAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
-    WebkitAppearance?: csstype.Property.WebkitAppearance | undefined;
-    WebkitBackdropFilter?: csstype.Property.BackdropFilter | undefined;
-    WebkitBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
-    WebkitBackgroundClip?: csstype.Property.BackgroundClip | undefined;
-    WebkitBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
-    WebkitBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
-    WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
-    WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
-    WebkitBorderBeforeWidth?: csstype.Property.WebkitBorderBeforeWidth<string | number> | undefined;
-    WebkitBorderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    WebkitBorderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
-    WebkitBorderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    WebkitBorderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
-    WebkitBoxReflect?: csstype.Property.WebkitBoxReflect<string | number> | undefined;
-    WebkitBoxShadow?: csstype.Property.BoxShadow | undefined;
-    WebkitBoxSizing?: csstype.Property.BoxSizing | undefined;
-    WebkitClipPath?: csstype.Property.ClipPath | undefined;
-    WebkitColumnCount?: csstype.Property.ColumnCount | undefined;
-    WebkitColumnFill?: csstype.Property.ColumnFill | undefined;
-    WebkitColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
-    WebkitColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
-    WebkitColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
-    WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
-    WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
-    WebkitFilter?: csstype.Property.Filter | undefined;
-    WebkitFlexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
-    WebkitFlexDirection?: csstype.Property.FlexDirection | undefined;
-    WebkitFlexGrow?: csstype.Property.FlexGrow | undefined;
-    WebkitFlexShrink?: csstype.Property.FlexShrink | undefined;
-    WebkitFlexWrap?: csstype.Property.FlexWrap | undefined;
-    WebkitFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
-    WebkitFontKerning?: csstype.Property.FontKerning | undefined;
-    WebkitFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
-    WebkitFontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
-    WebkitHyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
-    WebkitHyphens?: csstype.Property.Hyphens | undefined;
-    WebkitInitialLetter?: csstype.Property.InitialLetter | undefined;
-    WebkitJustifyContent?: csstype.Property.JustifyContent | undefined;
-    WebkitLineBreak?: csstype.Property.LineBreak | undefined;
-    WebkitLineClamp?: csstype.Property.WebkitLineClamp | undefined;
-    WebkitMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
-    WebkitMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
-    WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
-    WebkitMaskBoxImageOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
-    WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
-    WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
-    WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
-    WebkitMaskBoxImageWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
-    WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
-    WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
-    WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
-    WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
-    WebkitMaskPosition?: csstype.Property.WebkitMaskPosition<string | number> | undefined;
-    WebkitMaskPositionX?: csstype.Property.WebkitMaskPositionX<string | number> | undefined;
-    WebkitMaskPositionY?: csstype.Property.WebkitMaskPositionY<string | number> | undefined;
-    WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
-    WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
-    WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
-    WebkitMaskSize?: csstype.Property.WebkitMaskSize<string | number> | undefined;
-    WebkitMaxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
-    WebkitOrder?: csstype.Property.Order | undefined;
-    WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
-    WebkitPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
-    WebkitPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
-    WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
-    WebkitPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
-    WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
-    WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
-    WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
-    WebkitShapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
-    WebkitTapHighlightColor?: csstype.Property.WebkitTapHighlightColor | undefined;
-    WebkitTextCombine?: csstype.Property.TextCombineUpright | undefined;
-    WebkitTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
-    WebkitTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
-    WebkitTextDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
-    WebkitTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
-    WebkitTextEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
-    WebkitTextEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
-    WebkitTextEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
-    WebkitTextFillColor?: csstype.Property.WebkitTextFillColor | undefined;
-    WebkitTextOrientation?: csstype.Property.TextOrientation | undefined;
-    WebkitTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
-    WebkitTextStrokeColor?: csstype.Property.WebkitTextStrokeColor | undefined;
-    WebkitTextStrokeWidth?: csstype.Property.WebkitTextStrokeWidth<string | number> | undefined;
-    WebkitTextUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
-    WebkitTouchCallout?: csstype.Property.WebkitTouchCallout | undefined;
-    WebkitTransform?: csstype.Property.Transform | undefined;
-    WebkitTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
-    WebkitTransformStyle?: csstype.Property.TransformStyle | undefined;
-    WebkitTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
-    WebkitTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
-    WebkitTransitionProperty?: csstype.Property.TransitionProperty | undefined;
-    WebkitTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
-    WebkitUserModify?: csstype.Property.WebkitUserModify | undefined;
-    WebkitUserSelect?: csstype.Property.UserSelect | undefined;
-    WebkitWritingMode?: csstype.Property.WritingMode | undefined;
-    MozAnimation?: csstype.Property.Animation<string & {}> | undefined;
-    MozBorderImage?: csstype.Property.BorderImage | undefined;
-    MozColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
-    MozColumns?: csstype.Property.Columns<string | number> | undefined;
-    MozTransition?: csstype.Property.Transition<string & {}> | undefined;
-    msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
-    msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
-    msFlex?: csstype.Property.Flex<string | number> | undefined;
-    msScrollLimit?: csstype.Property.MsScrollLimit | undefined;
-    msScrollSnapX?: csstype.Property.MsScrollSnapX | undefined;
-    msScrollSnapY?: csstype.Property.MsScrollSnapY | undefined;
-    msTransition?: csstype.Property.Transition<string & {}> | undefined;
-    WebkitAnimation?: csstype.Property.Animation<string & {}> | undefined;
-    WebkitBorderBefore?: csstype.Property.WebkitBorderBefore<string | number> | undefined;
-    WebkitBorderImage?: csstype.Property.BorderImage | undefined;
-    WebkitBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
-    WebkitColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
-    WebkitColumns?: csstype.Property.Columns<string | number> | undefined;
-    WebkitFlex?: csstype.Property.Flex<string | number> | undefined;
-    WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
-    WebkitMask?: csstype.Property.WebkitMask<string | number> | undefined;
-    WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
-    WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
-    WebkitTextStroke?: csstype.Property.WebkitTextStroke<string | number> | undefined;
-    WebkitTransition?: csstype.Property.Transition<string & {}> | undefined;
-    azimuth?: csstype.Property.Azimuth | undefined;
-    boxAlign?: csstype.Property.BoxAlign | undefined;
-    boxDirection?: csstype.Property.BoxDirection | undefined;
-    boxFlex?: csstype.Property.BoxFlex | undefined;
-    boxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
-    boxLines?: csstype.Property.BoxLines | undefined;
-    boxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
-    boxOrient?: csstype.Property.BoxOrient | undefined;
-    boxPack?: csstype.Property.BoxPack | undefined;
-    clip?: csstype.Property.Clip | undefined;
-    gridColumnGap?: csstype.Property.GridColumnGap<string | number> | undefined;
-    gridGap?: csstype.Property.GridGap<string | number> | undefined;
-    gridRowGap?: csstype.Property.GridRowGap<string | number> | undefined;
-    imeMode?: csstype.Property.ImeMode | undefined;
-    offsetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
-    offsetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
-    offsetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
-    offsetInline?: csstype.Property.InsetInline<string | number> | undefined;
-    offsetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
-    offsetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
-    scrollSnapCoordinate?: csstype.Property.ScrollSnapCoordinate<string | number> | undefined;
-    scrollSnapDestination?: csstype.Property.ScrollSnapDestination<string | number> | undefined;
-    scrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
-    scrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
-    scrollSnapTypeX?: csstype.Property.ScrollSnapTypeX | undefined;
-    scrollSnapTypeY?: csstype.Property.ScrollSnapTypeY | undefined;
-    KhtmlBoxAlign?: csstype.Property.BoxAlign | undefined;
-    KhtmlBoxDirection?: csstype.Property.BoxDirection | undefined;
-    KhtmlBoxFlex?: csstype.Property.BoxFlex | undefined;
-    KhtmlBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
-    KhtmlBoxLines?: csstype.Property.BoxLines | undefined;
-    KhtmlBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
-    KhtmlBoxOrient?: csstype.Property.BoxOrient | undefined;
-    KhtmlBoxPack?: csstype.Property.BoxPack | undefined;
-    KhtmlLineBreak?: csstype.Property.LineBreak | undefined;
-    KhtmlOpacity?: csstype.Property.Opacity | undefined;
-    KhtmlUserSelect?: csstype.Property.UserSelect | undefined;
-    MozBackgroundClip?: csstype.Property.BackgroundClip | undefined;
-    MozBackgroundInlinePolicy?: csstype.Property.BoxDecorationBreak | undefined;
-    MozBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
-    MozBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
-    MozBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
-    MozBorderRadiusBottomleft?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
-    MozBorderRadiusBottomright?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
-    MozBorderRadiusTopleft?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
-    MozBorderRadiusTopright?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
-    MozBoxAlign?: csstype.Property.BoxAlign | undefined;
-    MozBoxDirection?: csstype.Property.BoxDirection | undefined;
-    MozBoxFlex?: csstype.Property.BoxFlex | undefined;
-    MozBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
-    MozBoxOrient?: csstype.Property.BoxOrient | undefined;
-    MozBoxPack?: csstype.Property.BoxPack | undefined;
-    MozBoxShadow?: csstype.Property.BoxShadow | undefined;
-    MozFloatEdge?: csstype.Property.MozFloatEdge | undefined;
-    MozForceBrokenImageIcon?: csstype.Property.MozForceBrokenImageIcon | undefined;
-    MozOpacity?: csstype.Property.Opacity | undefined;
-    MozOutline?: csstype.Property.Outline<string | number> | undefined;
-    MozOutlineColor?: csstype.Property.OutlineColor | undefined;
-    MozOutlineRadius?: csstype.Property.MozOutlineRadius<string | number> | undefined;
-    MozOutlineRadiusBottomleft?: csstype.Property.MozOutlineRadiusBottomleft<string | number> | undefined;
-    MozOutlineRadiusBottomright?: csstype.Property.MozOutlineRadiusBottomright<string | number> | undefined;
-    MozOutlineRadiusTopleft?: csstype.Property.MozOutlineRadiusTopleft<string | number> | undefined;
-    MozOutlineRadiusTopright?: csstype.Property.MozOutlineRadiusTopright<string | number> | undefined;
-    MozOutlineStyle?: csstype.Property.OutlineStyle | undefined;
-    MozOutlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
-    MozTextAlignLast?: csstype.Property.TextAlignLast | undefined;
-    MozTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
-    MozTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
-    MozTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
-    MozUserInput?: csstype.Property.MozUserInput | undefined;
-    msImeMode?: csstype.Property.ImeMode | undefined;
-    OAnimation?: csstype.Property.Animation<string & {}> | undefined;
-    OAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
-    OAnimationDirection?: csstype.Property.AnimationDirection | undefined;
-    OAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
-    OAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
-    OAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
-    OAnimationName?: csstype.Property.AnimationName | undefined;
-    OAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
-    OAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
-    OBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
-    OBorderImage?: csstype.Property.BorderImage | undefined;
-    OObjectFit?: csstype.Property.ObjectFit | undefined;
-    OObjectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
-    OTabSize?: csstype.Property.TabSize<string | number> | undefined;
-    OTextOverflow?: csstype.Property.TextOverflow | undefined;
-    OTransform?: csstype.Property.Transform | undefined;
-    OTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
-    OTransition?: csstype.Property.Transition<string & {}> | undefined;
-    OTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
-    OTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
-    OTransitionProperty?: csstype.Property.TransitionProperty | undefined;
-    OTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
-    WebkitBoxAlign?: csstype.Property.BoxAlign | undefined;
-    WebkitBoxDirection?: csstype.Property.BoxDirection | undefined;
-    WebkitBoxFlex?: csstype.Property.BoxFlex | undefined;
-    WebkitBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
-    WebkitBoxLines?: csstype.Property.BoxLines | undefined;
-    WebkitBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
-    WebkitBoxOrient?: csstype.Property.BoxOrient | undefined;
-    WebkitBoxPack?: csstype.Property.BoxPack | undefined;
-    WebkitScrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
-    WebkitScrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
-    alignmentBaseline?: csstype.Property.AlignmentBaseline | undefined;
-    baselineShift?: csstype.Property.BaselineShift<string | number> | undefined;
-    clipRule?: csstype.Property.ClipRule | undefined;
-    colorInterpolation?: csstype.Property.ColorInterpolation | undefined;
-    colorRendering?: csstype.Property.ColorRendering | undefined;
-    dominantBaseline?: csstype.Property.DominantBaseline | undefined;
-    fill?: csstype.Property.Fill | undefined;
-    fillOpacity?: csstype.Property.FillOpacity | undefined;
-    fillRule?: csstype.Property.FillRule | undefined;
-    floodColor?: csstype.Property.FloodColor | undefined;
-    floodOpacity?: csstype.Property.FloodOpacity | undefined;
-    glyphOrientationVertical?: csstype.Property.GlyphOrientationVertical | undefined;
-    lightingColor?: csstype.Property.LightingColor | undefined;
-    marker?: csstype.Property.Marker | undefined;
-    markerEnd?: csstype.Property.MarkerEnd | undefined;
-    markerMid?: csstype.Property.MarkerMid | undefined;
-    markerStart?: csstype.Property.MarkerStart | undefined;
-    shapeRendering?: csstype.Property.ShapeRendering | undefined;
-    stopColor?: csstype.Property.StopColor | undefined;
-    stopOpacity?: csstype.Property.StopOpacity | undefined;
-    stroke?: csstype.Property.Stroke | undefined;
-    strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
-    strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
-    strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
-    strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
-    strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
-    strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
-    strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
-    textAnchor?: csstype.Property.TextAnchor | undefined;
-    vectorEffect?: csstype.Property.VectorEffect | undefined;
-};
-declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
-    hasBoxShadow?: boolean | undefined;
-    boxShadowValue?: ShadowProps | undefined;
-    important?: boolean | undefined;
-}) => string | undefined;
-declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
-declare function genSizeClass(name: string): string;
-declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
-declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    width: Record<ResponsiveKey<"w">, string | number>;
-    height: Record<ResponsiveKey<"h">, string | number>;
-    padding: React.CSSProperties;
-    gap: {
-        '--gg': string | undefined;
-        '--gg-tablet': string | undefined;
-        '--gg-mobile': string | undefined;
-    };
-};
-declare const makeGlobalSizeIcon: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    width: Record<ResponsiveKey<"w">, string | number>;
-    height: Record<ResponsiveKey<"h">, string | number>;
-    minWidth: Record<ResponsiveKey<"minw">, string | number>;
-    padding: React.CSSProperties;
-};
-declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    '--gg': string | undefined;
-    '--gg-tablet': string | undefined;
-    '--gg-mobile': string | undefined;
-};
-declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
-declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
-declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
-declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean, defaultFull?: boolean) => Partial<Record<NameDevices$1, string>>;
-declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
-declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
-declare const getValueByDevice: <T>(value: any, device: NameDevices$1) => T;
-declare const getPaddingStyleByDevice: (value?: PaddingType, device?: NameDevices$1) => {
-    [x: string]: string | undefined;
-};
-declare const getResponsiveStylePadding: (value?: ObjectDevices<PaddingType>) => {
-    [x: string]: string | undefined;
-} | undefined;
-type TypographyClass = `gp-g-${TypographyType}`;
-declare const genTypoClass: (name: TypographyType) => TypographyClass;
-declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
-declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
-declare const composeTextHoverColorCss: (device: NameDevices$1, colorHoverConfig?: ObjectDevices<StateProp<ColorValueType>>, isImportant?: boolean) => string | undefined;
-declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
-declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props & {
-    type?: string;
-}) => string | undefined;
-declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
-declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
-declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
+type TypographyClass = `gp-g-${TypographyType}`;
+declare const genTypoClass: (name: TypographyType) => TypographyClass;
+declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
+declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
+declare const composeTextHoverColorCss: (device: NameDevices$1, colorHoverConfig?: ObjectDevices<StateProp<ColorValueType>>, isImportant?: boolean) => string | undefined;
+declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
+declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props & {
+    type?: string;
+}) => string | undefined;
+declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
+declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
+declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -47994,8 +46489,8 @@ type ArticlesQueryVariables = Exact$1<{
 type ArticlesQueryResponse = {
     articles?: Maybe$1<(Pick<ArticleConnection$1, 'totalCount'> & {
         edges: Array<(Pick<ArticleEdge$1, 'cursor'> & {
-            node?: Maybe$1<(Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'platformUpdatedAt' | 'author'> & {
-                tags: Array<never>;
+            node?: Maybe$1<(Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'platformUpdatedAt' | 'publishedAt' | 'author'> & {
+                tags?: Maybe$1<Array<Maybe$1<Pick<Tag$1, 'name'>>>>;
                 content?: Maybe$1<Pick<ArticleContent$1, 'excerptHtml'>>;
                 blogs?: Maybe$1<{
                     edges: Array<{
@@ -48019,27 +46514,22 @@ type BlogsQueryVariables = Exact$1<{
     articlesOrderBy?: InputMaybe$1<ArticleOrder$1>;
 }>;
 type BlogsQueryResponse = {
-    blogs?: Maybe$1<Pick<BlogConnection$1, 'totalCount'> & {
-        edges: Array<Pick<BlogEdge$1, 'cursor'> & {
-            node?: Maybe$1<Pick<Blog$1, 'baseID' | 'description' | 'descriptionMeta' | 'handle' | 'id' | 'platform' | 'tags' | 'templateSuffix' | 'title' | 'titleMeta'> & {
-                articles?: Maybe$1<Pick<ArticleConnection$1, 'totalCount'> & {
-                    edges: Array<Pick<ArticleEdge$1, 'cursor'> & {
-                        node?: Maybe$1<Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'platform' | 'isSample' | 'platformCreatedAt' | 'platformUpdatedAt' | 'author'> & {
-                            tags: Array<never>;
+    blogs?: Maybe$1<(Pick<BlogConnection$1, 'totalCount'> & {
+        edges: Array<(Pick<BlogEdge$1, 'cursor'> & {
+            node?: Maybe$1<(Pick<Blog$1, 'baseID' | 'description' | 'descriptionMeta' | 'handle' | 'id' | 'platform' | 'tags' | 'templateSuffix' | 'title' | 'titleMeta'> & {
+                articles?: Maybe$1<(Pick<ArticleConnection$1, 'totalCount'> & {
+                    edges: Array<(Pick<ArticleEdge$1, 'cursor'> & {
+                        node?: Maybe$1<(Pick<Article$2, 'id' | 'title' | 'handle' | 'description' | 'templateSuffix' | 'titleMeta' | 'descriptionMeta' | 'baseID' | 'isSample' | 'platformCreatedAt' | 'platformUpdatedAt' | 'publishedAt' | 'author'> & {
+                            tags?: Maybe$1<Array<Maybe$1<Pick<Tag$1, 'name'>>>>;
                             content?: Maybe$1<Pick<ArticleContent$1, 'excerptHtml'>>;
-                            blogs?: Maybe$1<{
-                                edges: Array<{
-                                    node?: Maybe$1<Pick<Blog$1, 'title' | 'handle'>>;
-                                }>;
-                            }>;
-                            media?: Maybe$1<Pick<Media$1, 'alt' | 'width' | 'src' | 'height'>>;
-                        }>;
-                    }>;
-                }>;
-            }>;
-        }>;
+                            media?: Maybe$1<Pick<Media$1, 'width' | 'src' | 'height'>>;
+                        })>;
+                    })>;
+                })>;
+            })>;
+        })>;
         pageInfo?: Maybe$1<Pick<PageInfo$1, 'endCursor' | 'hasNextPage' | 'hasPreviousPage' | 'startCursor'>>;
-    }>;
+    })>;
 };
 declare const useArticlesQuery: (variables: ArticlesQueryVariables | null, options?: SWRConfiguration<ArticlesQueryResponse>) => swr__internal.SWRResponse<ArticlesQueryResponse, any, Partial<swr__internal.PublicConfiguration<ArticlesQueryResponse, any, (arg: ["query/articles", any]) => swr__internal.FetcherResponse<ArticlesQueryResponse>>> | undefined>;
@@ -48312,7 +46802,7 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
     pageStyle?: Maybe$1<Pick<PublishedThemeStyle$1, 'id' | 'data' | 'name'>>;
     themePageCustomFonts?: Maybe$1<Array<Maybe$1<Pick<CustomFont$1, 'backupFilePath' | 'fileKey' | 'filePath' | 'fontFamily' | 'fontStyle' | 'fontWeight' | 'id' | 'mimeType' | 'shopID' | 'size'>>>>;
     interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
-    metafields?: Maybe$1<Array<Maybe$1<Pick<PublishedThemePageMeta$1, 'key' | 'value'>>>>;
+    metafields?: Maybe$1<Array<Maybe$1<Pick<PublishedThemePageMeta$1, 'id' | 'key' | 'value'>>>>;
 };
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
@@ -48335,7 +46825,7 @@ declare const useInteraction: () => {
     onListener: ({ event, selector, elementRef, }: {
         event: string;
         selector: string;
-        elementRef?: React.MutableRefObject<HTMLElement> | undefined;
+        elementRef?: React.MutableRefObject<HTMLElement | null | undefined> | undefined;
     }, callback: (data: any) => void) => (() => void) | undefined;
     trigger: ({ event, data, selector, element: elementParam, }: {
         event: string;
@@ -48343,7 +46833,7 @@ declare const useInteraction: () => {
         selector: string;
         element?: HTMLElement | undefined;
     }) => void;
-    saveToElementInteractionData: (element: HTMLElement, key: string, value: string) => void;
+    saveToElementInteractionData: (element: HTMLElement | null | undefined, key: string, value: string | number) => void;
     closeSelectOnPage: () => void;
     ref: React.MutableRefObject<any>;
     findElementIncludingSelf: (element: any, selector: string) => any;
@@ -48362,4 +46852,4 @@ declare const useInteraction: () => {
     interactionListenerLoaded: (callback: () => void) => void;
 };
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };