@gem-sdk/core 1.12.0-next.4 → 1.12.0-next.45

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ import { StoreApi } from 'zustand';
 import { Cart as Cart$1, addToCartOperation, getCartOperation, cartDiscountCodesUpdateOperation, cartNoteUpdateOperation, createCartOperation, removeCartItemOperation, updateCartLineOperation } from '@gem-sdk/adapter-shopify';
 import { SWRConfig, SWRConfiguration, MutatorOptions } from 'swr';
 import { ShortHandProperty } from '@gem-sdk/styles';
+import * as csstype from 'csstype';
 import * as swr_mutation from 'swr/mutation';
 import { SWRMutationConfiguration } from 'swr/mutation';
 import * as _gem_sdk_adapter_common_dist_types_types_cart from '@gem-sdk/adapter-common/dist/types/types/cart';
@@ -25,13 +26,21 @@ type Props$1 = {
 };
 declare const RenderPreviewMemo: React.NamedExoticComponent<Props$1>;
 
+type ExtraFiles = {
+    [fileName: string]: string;
+};
 type Props = {
     uid: string;
     builder: Record<string, any>;
     components: Record<string, any>;
+    extraFiles?: ExtraFiles;
     [key: string]: any;
 };
-declare const Render: ({ uid, builder, components, parentId, ...passProps }: Props) => string | null;
+declare const Render: ({ uid, builder, components, parentId, extraFiles, ...passProps }: Props) => {
+    liquid: string;
+    extraFiles: ExtraFiles;
+};
+declare const RenderChildren: (props: Props) => string;
 
 type AddonContextProps = {
     components: Record<string, React.ComponentType<any>>;
@@ -98,6 +107,10 @@ type InitComponentType<T = any> = {
 };
 
 type AlignProp = 'left' | 'center' | 'right' | 'justify';
+type Ratio$1 = {
+    width?: string;
+    height?: string;
+};
 type FlexDirectionProp = 'row' | 'column' | 'row-reverse' | 'column-reverse';
 type TransformProp = 'default' | 'capitalize' | 'uppercase' | 'lowercase' | 'none';
 type BaseProps<Setting = unknown, Style = unknown, Advanced = unknown> = {
@@ -160,14 +173,6 @@ type HyperlinkInfo = {
     link?: string;
     modal?: CommonModalApp;
 };
-type LinkData = {
-    value: string | number | boolean | null | undefined;
-    control: {
-        ids: string[];
-        show?: true;
-        hide?: true;
-    };
-};
 type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
     label?: string;
@@ -179,6 +184,7 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         mobileOnly?: boolean;
     };
     hide?: boolean;
+    ignoreReRender?: boolean;
     hideOnState?: {
         normal?: boolean;
         hover?: boolean;
@@ -190,8 +196,6 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         tablet?: boolean;
         mobile?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     lazyUpdate?: boolean;
     state?: {
         normal?: boolean;
@@ -211,6 +215,7 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         mobileOnly?: boolean;
     };
     hide?: boolean;
+    ignoreReRender?: boolean;
     hideOnState?: {
         normal?: boolean;
         hover?: boolean;
@@ -222,8 +227,6 @@ type Mapped$4<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         tablet?: boolean;
         mobile?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     lazyUpdate?: boolean;
     state?: {
         normal?: boolean;
@@ -260,8 +263,6 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     };
     info?: string;
     hide?: boolean;
-    links?: LinkData[];
-    allowReset?: boolean;
     state?: {
         normal?: boolean;
         hover?: boolean;
@@ -280,8 +281,6 @@ type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         responsive?: boolean;
         mobileOnly?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     state?: {
         normal?: boolean;
         hover?: boolean;
@@ -359,6 +358,9 @@ type InputControlType<T> = SharedControlType<T> & {
         value: any;
     }[];
     readonly?: boolean;
+    action?: {
+        clear?: boolean;
+    };
 };
 
 type InputFixContentControlType<T> = SharedControlType<T> & {
@@ -375,13 +377,13 @@ type InputNumberControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
 };
 
-type SizeUnit = '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax';
+type SizeUnit$2 = 's' | '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax';
 type InputUnitControlType<T> = SharedControlType<T> & {
     type: 'input:unit';
     placeholder?: string;
     min?: number;
     max?: number;
-    units: SizeUnit[];
+    units: SizeUnit$2[];
     readonly?: boolean;
     useOnlyUnitInit?: boolean;
 };
@@ -418,7 +420,7 @@ type RangeControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
     units?: string[];
     disableOnChange?: boolean;
-    ignoreUnit?: boolean;
+    useOnlyUnitInit?: boolean;
     hideUnit?: boolean;
 };
 
@@ -437,8 +439,6 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         responsive?: boolean;
         mobileOnly?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     disableToggle?: boolean;
     state?: {
         normal?: boolean;
@@ -460,8 +460,6 @@ type Mapped$2<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         responsive?: boolean;
         mobileOnly?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     disableToggle?: boolean;
     state?: {
         normal?: boolean;
@@ -494,8 +492,6 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         mobileOnly?: boolean;
     };
     hide?: boolean;
-    links?: LinkData[];
-    allowReset?: boolean;
     state?: {
         normal?: boolean;
         hover?: boolean;
@@ -516,8 +512,6 @@ type Mapped$1<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         mobileOnly?: boolean;
     };
     hide?: boolean;
-    links?: LinkData[];
-    allowReset?: boolean;
     state?: {
         normal?: boolean;
         hover?: boolean;
@@ -539,6 +533,7 @@ type TextareaControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
     minHeight?: number;
     maxWidth?: number;
+    autoHeight?: boolean;
 };
 
 type TextEditorControlType<T> = SharedControlType<T> & {
@@ -745,8 +740,6 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         responsive?: boolean;
         mobileOnly?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     disableToggle?: boolean;
     state?: {
         normal?: boolean;
@@ -767,8 +760,6 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
         responsive?: boolean;
         mobileOnly?: boolean;
     };
-    links?: LinkData[];
-    allowReset?: boolean;
     disableToggle?: boolean;
     state?: {
         normal?: boolean;
@@ -816,7 +807,46 @@ type ProductListControlType<T> = SharedControlType<T> & {
     isMultiple?: boolean;
 };
 
-type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | CustomCodeEditor | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | SwatchesLinkControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T>;
+type SizeUnit$1 = '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax';
+type InputUnitSpacingControlType<T> = SharedControlType<T> & {
+    type: 'input:unit-spacing';
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    units: SizeUnit$1[];
+    readonly?: boolean;
+    useOnlyUnitInit?: boolean;
+};
+
+type SizeUnit = '%' | 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px' | 'em' | 'cap' | 'ex' | 'ch' | 'ic' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vi' | 'vb' | 'vmin' | 'vmax';
+type InputUnitWidthControlType<T> = SharedControlType<T> & {
+    type: 'input:unit-width';
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    units: SizeUnit[];
+    readonly?: boolean;
+    useOnlyUnitInit?: boolean;
+};
+
+type Ratio<T> = SharedControlType<T> & {
+    type: 'ratio';
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    useUnit?: boolean;
+    useLink?: boolean;
+    readonly?: boolean;
+};
+
+type TypographyV2ControlType<T> = SharedControlType<T> & {
+    type: 'typography-v2';
+    hiddenSetting?: {
+        color?: boolean;
+    };
+};
+
+type ControlProp<T> = AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | SwatchesLinkControlType<T> | ProductListControlType<T> | CollectionBannerControlType<T> | Ratio<T>;
 type Setting<P extends BaseProps> = {
     id: 'setting';
     note?: string;
@@ -892,16 +922,22 @@ type ControlUI = {
         state?: StateType;
     };
     options?: {
+        styleControl?: Record<string, string>;
+        labelPosition?: 'start' | 'end';
+        justifyContent?: 'start' | 'end' | 'between' | 'around';
         label?: 'medium' | 'large';
         info?: 'near' | 'far';
+        labelSpacing?: 'small' | 'medium' | 'large';
         removeSpacing?: boolean;
         hideOnDevices?: {
             desktop?: boolean;
             tablet?: boolean;
             mobile?: boolean;
         };
+        hideOnPages?: PageType[];
     };
 };
+type PageType = 'ARTICLE' | 'BLOG' | 'COLLECTION' | 'GP_ARTICLE' | 'GP_BLOG' | 'GP_COLLECTION' | 'GP_INDEX' | 'GP_PRODUCT' | 'GP_STATIC' | 'PRODUCT' | 'STATIC';
 type ComponentPreset = {
     id: string;
     name: {
@@ -6923,10 +6959,18 @@ type ExtractState<S> = S extends {
     getState: () => infer T;
 } ? T : never;
 
+/**
+ * @deprecated Please use `TypographySettingV2`
+ */
 type TypographySetting = {
     type?: TypographyType;
     custom?: ObjectDevices<TypographyProps>;
 };
+type TypographySettingV2 = {
+    type?: TypographyType;
+    custom?: TypographyV2Props;
+    attrs?: TypographyV2Attrs;
+};
 type SizeSetting = {
     type?: SizeType;
     custom?: ObjectDevices<SizeProps>;
@@ -6944,6 +6988,17 @@ type TypographyProps = {
     lineHeight?: string;
     letterSpacing?: string;
 };
+type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
+    fontSize?: ObjectDevices<string>;
+    lineHeight?: string;
+};
+type TypographyV2Attrs = {
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    color?: ColorValueType;
+    transform?: string;
+};
 type CornerRadius = {
     btlr?: string;
     btrr?: string;
@@ -7029,12 +7084,16 @@ type ShadowProps = {
 };
 type Border = {
     borderType?: BorderTypeName;
-    border?: string;
+    border?: BorderStyle$1;
     color?: ColorValueType;
     width?: string;
     isCustom?: boolean;
+    position?: BorderPosition;
+    borderWidth?: string;
 };
 type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
+type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
+type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
 type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | string;
 declare const OptionNormalStyle: string[];
 declare const OptionSpecialStyle: string[];
@@ -7287,6 +7346,8 @@ type ShopContextProps = {
     locale?: string;
     pageType?: PublishedThemePageType;
     currency?: string;
+    moneyFormat?: string;
+    moneyWithCurrencyFormat?: string;
     plugins?: string[];
     storefrontUrl?: string;
     storefrontToken?: string;
@@ -7599,6 +7660,7 @@ declare function isBrowser(): boolean;
 declare const isEmptyChildren: (children: React.ReactNode) => boolean;
 
 type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
+declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
 declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
     [k: string]: Record<`--${T}`, K>;
 };
@@ -7664,6 +7726,1487 @@ declare const composeTextColorCss: (color?: ColorValueType) => string;
 type TypographyClass = `g-${TypographyType}`;
 declare const genTypoClass: (name: TypographyType) => TypographyClass;
 declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
+declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
+declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "g-heading-1" | "g-heading-2" | "g-heading-3" | "g-subheading-1" | "g-subheading-2" | "g-subheading-3" | "g-paragraph-1" | "g-paragraph-2" | "g-paragraph-3" | undefined;
+declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
+    [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'?: string | number | undefined;
+    '--hvr-bg'?: string | number | undefined;
+    '--focus-bg'?: string | number | undefined;
+    '--bg-tablet'?: string | number | undefined;
+    '--hvr-bg-tablet'?: string | number | undefined;
+    '--focus-bg-tablet'?: string | number | undefined;
+    '--bg-mobile'?: string | number | undefined;
+    '--hvr-bg-mobile'?: string | number | undefined;
+    '--focus-bg-mobile'?: 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'?: string | number | undefined;
+    '--hvr-bgp'?: string | number | undefined;
+    '--focus-bgp'?: string | number | undefined;
+    '--bgp-tablet'?: string | number | undefined;
+    '--hvr-bgp-tablet'?: string | number | undefined;
+    '--focus-bgp-tablet'?: string | number | undefined;
+    '--bgp-mobile'?: string | number | undefined;
+    '--hvr-bgp-mobile'?: string | number | undefined;
+    '--focus-bgp-mobile'?: 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'?: string | number | undefined;
+    '--hvr-bgs'?: string | number | undefined;
+    '--focus-bgs'?: string | number | undefined;
+    '--bgs-tablet'?: string | number | undefined;
+    '--hvr-bgs-tablet'?: string | number | undefined;
+    '--focus-bgs-tablet'?: string | number | undefined;
+    '--bgs-mobile'?: string | number | undefined;
+    '--hvr-bgs-mobile'?: string | number | undefined;
+    '--focus-bgs-mobile'?: string | number | undefined;
+    '--b'?: string | number | undefined;
+    '--hvr-b'?: string | number | undefined;
+    '--focus-b'?: string | number | undefined;
+    '--b-tablet'?: string | number | undefined;
+    '--hvr-b-tablet'?: string | number | undefined;
+    '--focus-b-tablet'?: string | number | undefined;
+    '--b-mobile'?: string | number | undefined;
+    '--hvr-b-mobile'?: string | number | undefined;
+    '--focus-b-mobile'?: string | number | undefined;
+    '--bb'?: string | number | undefined;
+    '--hvr-bb'?: string | number | undefined;
+    '--focus-bb'?: string | number | undefined;
+    '--bb-tablet'?: string | number | undefined;
+    '--hvr-bb-tablet'?: string | number | undefined;
+    '--focus-bb-tablet'?: string | number | undefined;
+    '--bb-mobile'?: string | number | undefined;
+    '--hvr-bb-mobile'?: string | number | undefined;
+    '--focus-bb-mobile'?: 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'?: string | number | undefined;
+    '--hvr-bblr'?: string | number | undefined;
+    '--focus-bblr'?: string | number | undefined;
+    '--bblr-tablet'?: string | number | undefined;
+    '--hvr-bblr-tablet'?: string | number | undefined;
+    '--focus-bblr-tablet'?: string | number | undefined;
+    '--bblr-mobile'?: string | number | undefined;
+    '--hvr-bblr-mobile'?: string | number | undefined;
+    '--focus-bblr-mobile'?: string | number | undefined;
+    '--bbrr'?: string | number | undefined;
+    '--hvr-bbrr'?: string | number | undefined;
+    '--focus-bbrr'?: string | number | undefined;
+    '--bbrr-tablet'?: string | number | undefined;
+    '--hvr-bbrr-tablet'?: string | number | undefined;
+    '--focus-bbrr-tablet'?: string | number | undefined;
+    '--bbrr-mobile'?: string | number | undefined;
+    '--hvr-bbrr-mobile'?: string | number | undefined;
+    '--focus-bbrr-mobile'?: string | number | undefined;
+    '--bl'?: string | number | undefined;
+    '--hvr-bl'?: string | number | undefined;
+    '--focus-bl'?: string | number | undefined;
+    '--bl-tablet'?: string | number | undefined;
+    '--hvr-bl-tablet'?: string | number | undefined;
+    '--focus-bl-tablet'?: string | number | undefined;
+    '--bl-mobile'?: string | number | undefined;
+    '--hvr-bl-mobile'?: string | number | undefined;
+    '--focus-bl-mobile'?: string | number | undefined;
+    '--radius'?: string | number | undefined;
+    '--hvr-radius'?: string | number | undefined;
+    '--focus-radius'?: string | number | undefined;
+    '--radius-tablet'?: string | number | undefined;
+    '--hvr-radius-tablet'?: string | number | undefined;
+    '--focus-radius-tablet'?: string | number | undefined;
+    '--radius-mobile'?: string | number | undefined;
+    '--hvr-radius-mobile'?: string | number | undefined;
+    '--focus-radius-mobile'?: string | number | undefined;
+    '--br'?: string | number | undefined;
+    '--hvr-br'?: string | number | undefined;
+    '--focus-br'?: string | number | undefined;
+    '--br-tablet'?: string | number | undefined;
+    '--hvr-br-tablet'?: string | number | undefined;
+    '--focus-br-tablet'?: string | number | undefined;
+    '--br-mobile'?: string | number | undefined;
+    '--hvr-br-mobile'?: string | number | undefined;
+    '--focus-br-mobile'?: 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'?: string | number | undefined;
+    '--hvr-bt'?: string | number | undefined;
+    '--focus-bt'?: string | number | undefined;
+    '--bt-tablet'?: string | number | undefined;
+    '--hvr-bt-tablet'?: string | number | undefined;
+    '--focus-bt-tablet'?: string | number | undefined;
+    '--bt-mobile'?: string | number | undefined;
+    '--hvr-bt-mobile'?: string | number | undefined;
+    '--focus-bt-mobile'?: string | number | undefined;
+    '--btlr'?: string | number | undefined;
+    '--hvr-btlr'?: string | number | undefined;
+    '--focus-btlr'?: string | number | undefined;
+    '--btlr-tablet'?: string | number | undefined;
+    '--hvr-btlr-tablet'?: string | number | undefined;
+    '--focus-btlr-tablet'?: string | number | undefined;
+    '--btlr-mobile'?: string | number | undefined;
+    '--hvr-btlr-mobile'?: string | number | undefined;
+    '--focus-btlr-mobile'?: string | number | undefined;
+    '--btrr'?: string | number | undefined;
+    '--hvr-btrr'?: string | number | undefined;
+    '--focus-btrr'?: string | number | undefined;
+    '--btrr-tablet'?: string | number | undefined;
+    '--hvr-btrr-tablet'?: string | number | undefined;
+    '--focus-btrr-tablet'?: string | number | undefined;
+    '--btrr-mobile'?: string | number | undefined;
+    '--hvr-btrr-mobile'?: string | number | undefined;
+    '--focus-btrr-mobile'?: string | number | undefined;
+    '--bw'?: string | number | undefined;
+    '--hvr-bw'?: string | number | undefined;
+    '--focus-bw'?: string | number | undefined;
+    '--bw-tablet'?: string | number | undefined;
+    '--hvr-bw-tablet'?: string | number | undefined;
+    '--focus-bw-tablet'?: string | number | undefined;
+    '--bw-mobile'?: string | number | undefined;
+    '--hvr-bw-mobile'?: string | number | undefined;
+    '--focus-bw-mobile'?: string | number | undefined;
+    '--bottom'?: string | number | undefined;
+    '--hvr-bottom'?: string | number | undefined;
+    '--focus-bottom'?: string | number | undefined;
+    '--bottom-tablet'?: string | number | undefined;
+    '--hvr-bottom-tablet'?: string | number | undefined;
+    '--focus-bottom-tablet'?: string | number | undefined;
+    '--bottom-mobile'?: string | number | undefined;
+    '--hvr-bottom-mobile'?: string | number | undefined;
+    '--focus-bottom-mobile'?: 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'?: string | number | undefined;
+    '--hvr-cg'?: string | number | undefined;
+    '--focus-cg'?: string | number | undefined;
+    '--cg-tablet'?: string | number | undefined;
+    '--hvr-cg-tablet'?: string | number | undefined;
+    '--focus-cg-tablet'?: string | number | undefined;
+    '--cg-mobile'?: string | number | undefined;
+    '--hvr-cg-mobile'?: string | number | undefined;
+    '--focus-cg-mobile'?: 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'?: string | number | undefined;
+    '--hvr-size'?: string | number | undefined;
+    '--focus-size'?: string | number | undefined;
+    '--size-tablet'?: string | number | undefined;
+    '--hvr-size-tablet'?: string | number | undefined;
+    '--focus-size-tablet'?: string | number | undefined;
+    '--size-mobile'?: string | number | undefined;
+    '--hvr-size-mobile'?: string | number | undefined;
+    '--focus-size-mobile'?: 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'?: string | number | undefined;
+    '--hvr-gg'?: string | number | undefined;
+    '--focus-gg'?: string | number | undefined;
+    '--gg-tablet'?: string | number | undefined;
+    '--hvr-gg-tablet'?: string | number | undefined;
+    '--focus-gg-tablet'?: string | number | undefined;
+    '--gg-mobile'?: string | number | undefined;
+    '--hvr-gg-mobile'?: string | number | undefined;
+    '--focus-gg-mobile'?: string | number | undefined;
+    '--gtc'?: string | number | undefined;
+    '--hvr-gtc'?: string | number | undefined;
+    '--focus-gtc'?: string | number | undefined;
+    '--gtc-tablet'?: string | number | undefined;
+    '--hvr-gtc-tablet'?: string | number | undefined;
+    '--focus-gtc-tablet'?: string | number | undefined;
+    '--gtc-mobile'?: string | number | undefined;
+    '--hvr-gtc-mobile'?: string | number | undefined;
+    '--focus-gtc-mobile'?: string | number | undefined;
+    '--h'?: string | number | undefined;
+    '--hvr-h'?: string | number | undefined;
+    '--focus-h'?: string | number | undefined;
+    '--h-tablet'?: string | number | undefined;
+    '--hvr-h-tablet'?: string | number | undefined;
+    '--focus-h-tablet'?: string | number | undefined;
+    '--h-mobile'?: string | number | undefined;
+    '--hvr-h-mobile'?: string | number | undefined;
+    '--focus-h-mobile'?: 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'?: string | number | undefined;
+    '--hvr-left'?: string | number | undefined;
+    '--focus-left'?: string | number | undefined;
+    '--left-tablet'?: string | number | undefined;
+    '--hvr-left-tablet'?: string | number | undefined;
+    '--focus-left-tablet'?: string | number | undefined;
+    '--left-mobile'?: string | number | undefined;
+    '--hvr-left-mobile'?: string | number | undefined;
+    '--focus-left-mobile'?: 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'?: string | number | undefined;
+    '--hvr-lh'?: string | number | undefined;
+    '--focus-lh'?: string | number | undefined;
+    '--lh-tablet'?: string | number | undefined;
+    '--hvr-lh-tablet'?: string | number | undefined;
+    '--focus-lh-tablet'?: string | number | undefined;
+    '--lh-mobile'?: string | number | undefined;
+    '--hvr-lh-mobile'?: string | number | undefined;
+    '--focus-lh-mobile'?: string | number | undefined;
+    '--tdt'?: string | number | undefined;
+    '--hvr-tdt'?: string | number | undefined;
+    '--focus-tdt'?: string | number | undefined;
+    '--tdt-tablet'?: string | number | undefined;
+    '--hvr-tdt-tablet'?: string | number | undefined;
+    '--focus-tdt-tablet'?: string | number | undefined;
+    '--tdt-mobile'?: string | number | undefined;
+    '--hvr-tdt-mobile'?: string | number | undefined;
+    '--focus-tdt-mobile'?: 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'?: string | number | undefined;
+    '--hvr-m'?: string | number | undefined;
+    '--focus-m'?: string | number | undefined;
+    '--m-tablet'?: string | number | undefined;
+    '--hvr-m-tablet'?: string | number | undefined;
+    '--focus-m-tablet'?: string | number | undefined;
+    '--m-mobile'?: string | number | undefined;
+    '--hvr-m-mobile'?: string | number | undefined;
+    '--focus-m-mobile'?: string | number | undefined;
+    '--mb'?: string | number | undefined;
+    '--hvr-mb'?: string | number | undefined;
+    '--focus-mb'?: string | number | undefined;
+    '--mb-tablet'?: string | number | undefined;
+    '--hvr-mb-tablet'?: string | number | undefined;
+    '--focus-mb-tablet'?: string | number | undefined;
+    '--mb-mobile'?: string | number | undefined;
+    '--hvr-mb-mobile'?: string | number | undefined;
+    '--focus-mb-mobile'?: string | number | undefined;
+    '--ml'?: string | number | undefined;
+    '--hvr-ml'?: string | number | undefined;
+    '--focus-ml'?: string | number | undefined;
+    '--ml-tablet'?: string | number | undefined;
+    '--hvr-ml-tablet'?: string | number | undefined;
+    '--focus-ml-tablet'?: string | number | undefined;
+    '--ml-mobile'?: string | number | undefined;
+    '--hvr-ml-mobile'?: string | number | undefined;
+    '--focus-ml-mobile'?: string | number | undefined;
+    '--mr'?: string | number | undefined;
+    '--hvr-mr'?: string | number | undefined;
+    '--focus-mr'?: string | number | undefined;
+    '--mr-tablet'?: string | number | undefined;
+    '--hvr-mr-tablet'?: string | number | undefined;
+    '--focus-mr-tablet'?: string | number | undefined;
+    '--mr-mobile'?: string | number | undefined;
+    '--hvr-mr-mobile'?: string | number | undefined;
+    '--focus-mr-mobile'?: string | number | undefined;
+    '--mt'?: string | number | undefined;
+    '--hvr-mt'?: string | number | undefined;
+    '--focus-mt'?: string | number | undefined;
+    '--mt-tablet'?: string | number | undefined;
+    '--hvr-mt-tablet'?: string | number | undefined;
+    '--focus-mt-tablet'?: string | number | undefined;
+    '--mt-mobile'?: string | number | undefined;
+    '--hvr-mt-mobile'?: string | number | undefined;
+    '--focus-mt-mobile'?: string | number | undefined;
+    '--maxh'?: string | number | undefined;
+    '--hvr-maxh'?: string | number | undefined;
+    '--focus-maxh'?: string | number | undefined;
+    '--maxh-tablet'?: string | number | undefined;
+    '--hvr-maxh-tablet'?: string | number | undefined;
+    '--focus-maxh-tablet'?: string | number | undefined;
+    '--maxh-mobile'?: string | number | undefined;
+    '--hvr-maxh-mobile'?: string | number | undefined;
+    '--focus-maxh-mobile'?: string | number | undefined;
+    '--maxw'?: string | number | undefined;
+    '--hvr-maxw'?: string | number | undefined;
+    '--focus-maxw'?: string | number | undefined;
+    '--maxw-tablet'?: string | number | undefined;
+    '--hvr-maxw-tablet'?: string | number | undefined;
+    '--focus-maxw-tablet'?: string | number | undefined;
+    '--maxw-mobile'?: string | number | undefined;
+    '--hvr-maxw-mobile'?: string | number | undefined;
+    '--focus-maxw-mobile'?: string | number | undefined;
+    '--minh'?: string | number | undefined;
+    '--hvr-minh'?: string | number | undefined;
+    '--focus-minh'?: string | number | undefined;
+    '--minh-tablet'?: string | number | undefined;
+    '--hvr-minh-tablet'?: string | number | undefined;
+    '--focus-minh-tablet'?: string | number | undefined;
+    '--minh-mobile'?: string | number | undefined;
+    '--hvr-minh-mobile'?: string | number | undefined;
+    '--focus-minh-mobile'?: string | number | undefined;
+    '--minw'?: string | number | undefined;
+    '--hvr-minw'?: string | number | undefined;
+    '--focus-minw'?: string | number | undefined;
+    '--minw-tablet'?: string | number | undefined;
+    '--hvr-minw-tablet'?: string | number | undefined;
+    '--focus-minw-tablet'?: string | number | undefined;
+    '--minw-mobile'?: string | number | undefined;
+    '--hvr-minw-mobile'?: string | number | undefined;
+    '--focus-minw-mobile'?: 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'?: string | number | undefined;
+    '--hvr-p'?: string | number | undefined;
+    '--focus-p'?: string | number | undefined;
+    '--p-tablet'?: string | number | undefined;
+    '--hvr-p-tablet'?: string | number | undefined;
+    '--focus-p-tablet'?: string | number | undefined;
+    '--p-mobile'?: string | number | undefined;
+    '--hvr-p-mobile'?: string | number | undefined;
+    '--focus-p-mobile'?: string | number | undefined;
+    '--pb'?: string | number | undefined;
+    '--hvr-pb'?: string | number | undefined;
+    '--focus-pb'?: string | number | undefined;
+    '--pb-tablet'?: string | number | undefined;
+    '--hvr-pb-tablet'?: string | number | undefined;
+    '--focus-pb-tablet'?: string | number | undefined;
+    '--pb-mobile'?: string | number | undefined;
+    '--hvr-pb-mobile'?: string | number | undefined;
+    '--focus-pb-mobile'?: string | number | undefined;
+    '--pl'?: string | number | undefined;
+    '--hvr-pl'?: string | number | undefined;
+    '--focus-pl'?: string | number | undefined;
+    '--pl-tablet'?: string | number | undefined;
+    '--hvr-pl-tablet'?: string | number | undefined;
+    '--focus-pl-tablet'?: string | number | undefined;
+    '--pl-mobile'?: string | number | undefined;
+    '--hvr-pl-mobile'?: string | number | undefined;
+    '--focus-pl-mobile'?: string | number | undefined;
+    '--pr'?: string | number | undefined;
+    '--hvr-pr'?: string | number | undefined;
+    '--focus-pr'?: string | number | undefined;
+    '--pr-tablet'?: string | number | undefined;
+    '--hvr-pr-tablet'?: string | number | undefined;
+    '--focus-pr-tablet'?: string | number | undefined;
+    '--pr-mobile'?: string | number | undefined;
+    '--hvr-pr-mobile'?: string | number | undefined;
+    '--focus-pr-mobile'?: string | number | undefined;
+    '--pt'?: string | number | undefined;
+    '--hvr-pt'?: string | number | undefined;
+    '--focus-pt'?: string | number | undefined;
+    '--pt-tablet'?: string | number | undefined;
+    '--hvr-pt-tablet'?: string | number | undefined;
+    '--focus-pt-tablet'?: string | number | undefined;
+    '--pt-mobile'?: string | number | undefined;
+    '--hvr-pt-mobile'?: string | number | undefined;
+    '--focus-pt-mobile'?: string | number | 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'?: string | number | undefined;
+    '--hvr-right'?: string | number | undefined;
+    '--focus-right'?: string | number | undefined;
+    '--right-tablet'?: string | number | undefined;
+    '--hvr-right-tablet'?: string | number | undefined;
+    '--focus-right-tablet'?: string | number | undefined;
+    '--right-mobile'?: string | number | undefined;
+    '--hvr-right-mobile'?: string | number | undefined;
+    '--focus-right-mobile'?: string | number | undefined;
+    '--rg'?: string | number | undefined;
+    '--hvr-rg'?: string | number | undefined;
+    '--focus-rg'?: string | number | undefined;
+    '--rg-tablet'?: string | number | undefined;
+    '--hvr-rg-tablet'?: string | number | undefined;
+    '--focus-rg-tablet'?: string | number | undefined;
+    '--rg-mobile'?: string | number | undefined;
+    '--hvr-rg-mobile'?: string | number | undefined;
+    '--focus-rg-mobile'?: 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'?: string | number | undefined;
+    '--hvr-top'?: string | number | undefined;
+    '--focus-top'?: string | number | undefined;
+    '--top-tablet'?: string | number | undefined;
+    '--hvr-top-tablet'?: string | number | undefined;
+    '--focus-top-tablet'?: string | number | undefined;
+    '--top-mobile'?: string | number | undefined;
+    '--hvr-top-mobile'?: string | number | undefined;
+    '--focus-top-mobile'?: 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;
+    '--w'?: string | number | undefined;
+    '--hvr-w'?: string | number | undefined;
+    '--focus-w'?: string | number | undefined;
+    '--w-tablet'?: string | number | undefined;
+    '--hvr-w-tablet'?: string | number | undefined;
+    '--focus-w-tablet'?: string | number | undefined;
+    '--w-mobile'?: string | number | undefined;
+    '--hvr-w-mobile'?: string | number | undefined;
+    '--focus-w-mobile'?: 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;
+    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?: string | number | undefined;
+    backgroundPositionY?: string | number | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
+    backgroundSize?: string | number | undefined;
+    blockOverflow?: csstype.Property.BlockOverflow | undefined;
+    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?: string | number | undefined;
+    borderBottomRightRadius?: string | number | undefined;
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
+    borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    borderCollapse?: csstype.Property.BorderCollapse | undefined;
+    borderEndEndRadius?: string | number | undefined;
+    borderEndStartRadius?: string | number | undefined;
+    borderImageOutset?: string | number | undefined;
+    borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
+    borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+    borderImageSource?: csstype.Property.BorderImageSource | undefined;
+    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?: string | number | undefined;
+    borderStartEndRadius?: string | number | undefined;
+    borderStartStartRadius?: string | number | undefined;
+    borderTopColor?: csstype.Property.BorderTopColor | undefined;
+    borderTopLeftRadius?: string | number | undefined;
+    borderTopRightRadius?: string | number | undefined;
+    borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
+    borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
+    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?: string | number | undefined;
+    columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    columnRuleWidth?: string | number | undefined;
+    columnSpan?: csstype.Property.ColumnSpan | undefined;
+    columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    contain?: csstype.Property.Contain | undefined;
+    containIntrinsicBlockSize?: string | number | undefined;
+    containIntrinsicHeight?: string | number | undefined;
+    containIntrinsicInlineSize?: string | number | undefined;
+    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?: 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?: 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?: string | number | undefined;
+    gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
+    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?: string | number | undefined;
+    gridTemplateRows?: string | number | undefined;
+    hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
+    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?: string | number | undefined;
+    inputSecurity?: csstype.Property.InputSecurity | undefined;
+    insetBlockEnd?: string | number | undefined;
+    insetBlockStart?: string | number | undefined;
+    insetInlineEnd?: string | number | undefined;
+    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?: string | number | undefined;
+    letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
+    lineBreak?: csstype.Property.LineBreak | undefined;
+    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?: string | number | undefined;
+    marginBlockStart?: string | number | undefined;
+    marginBottom?: string | number | undefined;
+    marginInlineEnd?: string | number | undefined;
+    marginInlineStart?: string | number | undefined;
+    marginLeft?: string | number | undefined;
+    marginRight?: string | number | undefined;
+    marginTop?: string | number | undefined;
+    marginTrim?: csstype.Property.MarginTrim | undefined;
+    maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
+    maskBorderOutset?: string | number | undefined;
+    maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+    maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
+    maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
+    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?: string | number | undefined;
+    maskRepeat?: csstype.Property.MaskRepeat | undefined;
+    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?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxInlineSize?: string | number | undefined;
+    maxLines?: csstype.Property.MaxLines | undefined;
+    maxWidth?: string | number | undefined;
+    minBlockSize?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minInlineSize?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    mixBlendMode?: csstype.Property.MixBlendMode | undefined;
+    motionDistance?: string | number | undefined;
+    motionPath?: csstype.Property.OffsetPath | undefined;
+    motionRotation?: csstype.Property.OffsetRotate | undefined;
+    objectFit?: csstype.Property.ObjectFit | undefined;
+    objectPosition?: string | number | undefined;
+    offsetAnchor?: string | number | undefined;
+    offsetDistance?: string | number | undefined;
+    offsetPath?: csstype.Property.OffsetPath | undefined;
+    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?: 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?: string | number | undefined;
+    paddingBlockStart?: string | number | undefined;
+    paddingBottom?: string | number | undefined;
+    paddingInlineEnd?: string | number | undefined;
+    paddingInlineStart?: string | number | undefined;
+    paddingLeft?: string | number | undefined;
+    paddingRight?: string | number | undefined;
+    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?: 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?: string | number | undefined;
+    rotate?: csstype.Property.Rotate | undefined;
+    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?: string | number | undefined;
+    scrollPaddingBlockStart?: string | number | undefined;
+    scrollPaddingBottom?: string | number | undefined;
+    scrollPaddingInlineEnd?: string | number | undefined;
+    scrollPaddingInlineStart?: string | number | undefined;
+    scrollPaddingLeft?: string | number | undefined;
+    scrollPaddingRight?: string | number | undefined;
+    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?: string | number | undefined;
+    shapeOutside?: csstype.Property.ShapeOutside | undefined;
+    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?: string | number | undefined;
+    textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+    textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+    textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+    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?: string | number | undefined;
+    textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+    top?: string | number | undefined;
+    touchAction?: csstype.Property.TouchAction | undefined;
+    transform?: csstype.Property.Transform | undefined;
+    transformBox?: csstype.Property.TransformBox | undefined;
+    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?: string | number | undefined;
+    unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
+    userSelect?: csstype.Property.UserSelect | undefined;
+    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?: 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?: string | number | undefined;
+    backgroundPosition?: string | number | undefined;
+    border?: string | number | undefined;
+    borderBlock?: string | number | undefined;
+    borderBlockEnd?: string | number | undefined;
+    borderBlockStart?: string | number | undefined;
+    borderBottom?: string | number | undefined;
+    borderColor?: csstype.Property.BorderColor | undefined;
+    borderImage?: csstype.Property.BorderImage | undefined;
+    borderInline?: string | number | undefined;
+    borderInlineEnd?: string | number | undefined;
+    borderInlineStart?: string | number | undefined;
+    borderLeft?: string | number | undefined;
+    borderRadius?: string | number | undefined;
+    borderRight?: string | number | undefined;
+    borderStyle?: csstype.Property.BorderStyle | undefined;
+    borderTop?: string | number | undefined;
+    borderWidth?: string | number | undefined;
+    caret?: csstype.Property.Caret | undefined;
+    columnRule?: string | number | undefined;
+    columns?: string | number | undefined;
+    containIntrinsicSize?: string | number | undefined;
+    container?: csstype.Property.Container | undefined;
+    flex?: string | number | undefined;
+    flexFlow?: csstype.Property.FlexFlow | undefined;
+    font?: csstype.Property.Font | undefined;
+    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?: string | number | undefined;
+    insetBlock?: string | number | undefined;
+    insetInline?: string | number | undefined;
+    lineClamp?: csstype.Property.LineClamp | undefined;
+    listStyle?: csstype.Property.ListStyle | undefined;
+    margin?: string | number | undefined;
+    marginBlock?: string | number | undefined;
+    marginInline?: string | number | undefined;
+    mask?: string | number | undefined;
+    maskBorder?: csstype.Property.MaskBorder | undefined;
+    motion?: string | number | undefined;
+    offset?: string | number | undefined;
+    outline?: string | number | undefined;
+    overflow?: csstype.Property.Overflow | undefined;
+    overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
+    padding?: string | number | undefined;
+    paddingBlock?: string | number | undefined;
+    paddingInline?: string | number | undefined;
+    placeContent?: csstype.Property.PlaceContent | undefined;
+    placeItems?: csstype.Property.PlaceItems | undefined;
+    placeSelf?: csstype.Property.PlaceSelf | undefined;
+    scrollMargin?: string | number | undefined;
+    scrollMarginBlock?: string | number | undefined;
+    scrollMarginInline?: string | number | undefined;
+    scrollPadding?: string | number | undefined;
+    scrollPaddingBlock?: string | number | undefined;
+    scrollPaddingInline?: string | number | undefined;
+    scrollSnapMargin?: string | number | undefined;
+    scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
+    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?: 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?: string | number | undefined;
+    MozMarginStart?: string | number | undefined;
+    MozOrient?: csstype.Property.MozOrient | undefined;
+    MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+    MozPaddingEnd?: string | number | undefined;
+    MozPaddingStart?: string | number | undefined;
+    MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
+    MozPerspectiveOrigin?: string | number | undefined;
+    MozStackSizing?: csstype.Property.MozStackSizing | undefined;
+    MozTabSize?: string | number | undefined;
+    MozTextBlink?: csstype.Property.MozTextBlink | undefined;
+    MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    MozTransformOrigin?: 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?: string | number | undefined;
+    msGridRows?: string | number | undefined;
+    msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
+    msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
+    msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
+    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?: 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?: string | number | undefined;
+    WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
+    WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
+    WebkitBorderBeforeWidth?: string | number | undefined;
+    WebkitBorderBottomLeftRadius?: string | number | undefined;
+    WebkitBorderBottomRightRadius?: string | number | undefined;
+    WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+    WebkitBorderTopLeftRadius?: string | number | undefined;
+    WebkitBorderTopRightRadius?: string | number | undefined;
+    WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+    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?: string | number | undefined;
+    WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
+    WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    WebkitFilter?: csstype.Property.Filter | undefined;
+    WebkitFlexBasis?: 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?: string | number | undefined;
+    WebkitMarginStart?: string | number | undefined;
+    WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
+    WebkitMaskBoxImageOutset?: string | number | undefined;
+    WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+    WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
+    WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
+    WebkitMaskBoxImageWidth?: string | number | undefined;
+    WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
+    WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
+    WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
+    WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
+    WebkitMaskPosition?: string | number | undefined;
+    WebkitMaskPositionX?: string | number | undefined;
+    WebkitMaskPositionY?: string | number | undefined;
+    WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
+    WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
+    WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
+    WebkitMaskSize?: string | number | undefined;
+    WebkitMaxInlineSize?: string | number | undefined;
+    WebkitOrder?: csstype.Property.Order | undefined;
+    WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
+    WebkitPaddingEnd?: string | number | undefined;
+    WebkitPaddingStart?: string | number | undefined;
+    WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
+    WebkitPerspectiveOrigin?: string | number | undefined;
+    WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
+    WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+    WebkitShapeMargin?: 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?: 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?: string | number | undefined;
+    MozColumns?: string | number | undefined;
+    MozTransition?: csstype.Property.Transition<string & {}> | undefined;
+    msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
+    msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
+    msFlex?: 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?: string | number | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | undefined;
+    WebkitBorderRadius?: string | number | undefined;
+    WebkitColumnRule?: string | number | undefined;
+    WebkitColumns?: string | number | undefined;
+    WebkitFlex?: string | number | undefined;
+    WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
+    WebkitMask?: string | number | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
+    WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
+    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?: string | number | undefined;
+    gridGap?: string | number | undefined;
+    gridRowGap?: string | number | undefined;
+    imeMode?: csstype.Property.ImeMode | undefined;
+    offsetBlock?: string | number | undefined;
+    offsetBlockEnd?: string | number | undefined;
+    offsetBlockStart?: string | number | undefined;
+    offsetInline?: string | number | undefined;
+    offsetInlineEnd?: string | number | undefined;
+    offsetInlineStart?: string | number | undefined;
+    scrollSnapCoordinate?: string | number | undefined;
+    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?: string | number | undefined;
+    MozBorderRadius?: string | number | undefined;
+    MozBorderRadiusBottomleft?: string | number | undefined;
+    MozBorderRadiusBottomright?: string | number | undefined;
+    MozBorderRadiusTopleft?: string | number | undefined;
+    MozBorderRadiusTopright?: 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?: string | number | undefined;
+    MozOutlineColor?: csstype.Property.OutlineColor | undefined;
+    MozOutlineRadius?: string | number | undefined;
+    MozOutlineRadiusBottomleft?: string | number | undefined;
+    MozOutlineRadiusBottomright?: string | number | undefined;
+    MozOutlineRadiusTopleft?: string | number | undefined;
+    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?: string | number | undefined;
+    OBorderImage?: csstype.Property.BorderImage | undefined;
+    OObjectFit?: csstype.Property.ObjectFit | undefined;
+    OObjectPosition?: string | number | undefined;
+    OTabSize?: string | number | undefined;
+    OTextOverflow?: csstype.Property.TextOverflow | undefined;
+    OTransform?: csstype.Property.Transform | undefined;
+    OTransformOrigin?: 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?: 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?: string | number | undefined;
+    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?: string | number | undefined;
+    textAnchor?: csstype.Property.TextAnchor | undefined;
+    vectorEffect?: csstype.Property.VectorEffect | undefined;
+};
 
 declare const getCornerCSSFromGlobal: (corner: CornerRadius) => React.CSSProperties;
 declare const getRadiusCSSFromGlobal: (state: StateType, key?: RoundedSize, device?: NameDevices) => React.CSSProperties;
@@ -7735,7 +9278,9 @@ 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 isLocalEnv: boolean;
 declare const baseAssetURL: string;
@@ -7842,6 +9387,10 @@ declare const useCurrency: () => {
     currency: string | undefined;
     changeCurrency: (currency: string) => void;
 };
+declare const useMoneyFormat: () => {
+    moneyFormat: string | undefined;
+    moneyWithCurrencyFormat: string | undefined;
+};
 declare const useSwatches: () => {
     swatches: GlobalSwatchesData[] | undefined;
     changeSwatches: (swatches: GlobalSwatchesData[]) => void;
@@ -7878,6 +9427,8 @@ declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<Prod
 
 declare const useCurrentDevice: () => NameDevices;
 
+declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
+
 declare const useLazyVideo: () => void;
 
 declare const useCartId: () => {
@@ -7896,10 +9447,6 @@ declare function useCartUI(): {
 
 declare const useCollection: () => CollectionSelectFragment | undefined;
 
-declare const useFormatMoney: () => {
-    formatMoney: (value: number, options?: Intl.NumberFormatOptions & Required<Pick<Intl.NumberFormatOptions, 'currency'>>) => string;
-};
-
 declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 
 type LoadScriptParams = Parameters<typeof loadScript>;
@@ -7909,14 +9456,50 @@ type ScriptState = 'loading' | 'done' | 'error';
  */
 declare function useLoadScript(url: LoadScriptParams[0], options?: LoadScriptParams[1]): ScriptState;
 
-declare const useMoney: (money: number) => {
-    currencyCode: string | undefined;
-    currencyName: string | undefined;
-    currencyNarrowSymbol: string;
+type UseMoneyValue = {
+    /**
+     * The currency code from the `MoneyV2` object.
+     */
+    currencyCode: string;
+    /**
+     * The name for the currency code, returned by `Intl.NumberFormat`.
+     */
+    currencyName?: string;
+    /**
+     * The currency symbol returned by `Intl.NumberFormat`.
+     */
+    currencySymbol?: string;
+    /**
+     * The currency narrow symbol returned by `Intl.NumberFormat`.
+     */
+    currencyNarrowSymbol?: string;
+    /**
+     * The localized amount, without any currency symbols or non-number types from the `Intl.NumberFormat.formatToParts` parts.
+     */
+    amount: string;
+    /**
+     * All parts returned by `Intl.NumberFormat.formatToParts`.
+     */
     parts: Intl.NumberFormatPart[];
+    /**
+     * A string returned by `new Intl.NumberFormat` for the amount and currency code,
+     * using the `locale` value in the [`LocalizationProvider` component](https://shopify.dev/api/hydrogen/components/localization/localizationprovider).
+     */
     localizedString: string;
-    amount: string;
-};
+    /**
+     * A string with trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.
+     * For example, `$640.00` turns into `$640`.
+     * `$640.42` remains `$640.42`.
+     */
+    withoutTrailingZeros: string;
+    /**
+     * A string without currency and without trailing zeros removed from the fractional part, if any exist. If there are no trailing zeros, then the fractional part remains.
+     * For example, `$640.00` turns into `640`.
+     * `$640.42` turns into `640.42`.
+     */
+    withoutTrailingZerosAndCurrency: string;
+};
+declare const useMoney: (amount: number) => UseMoneyValue;
 
 declare const usePrevious: <T>(value: T) => T | undefined;
 
@@ -7996,4 +9579,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, 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, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, WiserWidgetType, baseAssetURL, calculateFirstProduct, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypographyCss, convertOldLayout, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, 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, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, VariantSelectFragment, WiserWidgetType, baseAssetURL, calculateFirstProduct, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, convertOldLayout, dataStringify, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };