@gem-sdk/core 1.48.0-dev.8 → 1.48.0-dev.83

package/dist/types/index.d.ts

@@ -6909,7 +6909,8 @@ type StampedWidgetType = 'main-widget' | 'carousel' | 'full-page' | 'visual-gall
 type LaiProductReviewsWidgetType = 'reviews_widget' | 'star_ratings' | 'homepage_reviews' | 'happy_customer_reviews' | 'star_ratings_in_list' | 'advanced_widget';
 type LaiProductReviewsAdvancedWidgetType = 'cardCarousel' | 'testimonialCarousel' | 'mediaGallery' | 'cardGrid';
 type YotpoReviewsWidgetType = 'reviews' | 'badge' | 'reviewHighlights';
-type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message';
+type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break';
+type PreOrderNowWodWidgetType = 'app-block' | 'popups-block';
 
 type ResponsiveConfig<T> = {
     desktop: {
@@ -7187,6 +7188,11 @@ type InputControlType<T> = SharedControlType<T> & {
     action?: {
         clear?: boolean;
     };
+    actionChangeControls?: {
+        controlID: string;
+        condition?: string;
+        newValue: any;
+    }[];
 };
 
 type InputFixContentControlType<T> = SharedControlType<T> & {
@@ -7329,6 +7335,7 @@ type Option$2<T> = {
     tooltip?: string;
     type?: string;
     note?: string;
+    maxOption?: number;
 };
 type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
@@ -7437,14 +7444,14 @@ type BehaviorStateControlType<T> = {
 
 type BoxShadowControlType<T> = SharedControlType<T> & {
     id?: string;
-    type: 'boxShadow';
+    type: 'box-shadow';
     hideOptions?: string[];
     popup?: boolean;
 };
 
 type TextShadowControlType<T> = SharedControlType<T> & {
     id?: string;
-    type: 'textShadow';
+    type: 'text-shadow';
     popup?: boolean;
 };
 
@@ -7743,8 +7750,12 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
         color?: boolean;
         transform?: boolean;
         fontWeight?: boolean;
+        seoTagValue?: boolean;
     };
     disableCollapse?: boolean;
+    settingConfig?: {
+        seoTagType?: 'text' | 'heading';
+    };
 };
 
 type StickyDisplayControlType<T> = SharedControlType<T> & {
@@ -8027,8 +8038,79 @@ type ShapeSelectorControlType<T> = SharedControlType<T> & {
     type: 'shape-selector';
 };
 
+declare enum CompareType {
+    EXACT = "exact",
+    ABOVE = "above",
+    BELOW = "below",
+    EXACT_OR_ABOVE = "exact_or_above",
+    EXACT_OR_BELOW = "exact_or_below",
+    BETWEEN = "between"
+}
+declare enum TriggerType {
+    INVENTORY_STATUS = "inventory_status",
+    DISCOUNT_PRICE = "discount_price",
+    PRICE_RANGE = "price_range",
+    PRODUCT_TAGS = "product_tags",
+    CREATION_DATE = "creation_date"
+}
+declare enum InventoryStatus {
+    IN_STOCK = "in_stock",
+    OUT_OF_STOCK = "out_of_stock"
+}
+declare enum CreationDateType {
+    DURATION = "duration",
+    EXACT_DATE = "exact_date",
+    BETWEEN_DATES = "between_dates"
+}
+declare enum DiscountType {
+    PERCENT = "percent",
+    FIXED = "fixed"
+}
+type InventoryStatusTrigger = {
+    triggerEvent: TriggerType.INVENTORY_STATUS;
+    type: InventoryStatus;
+    quantityType: CompareType;
+    from: string;
+    to?: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type DiscountPriceTrigger = {
+    triggerEvent: TriggerType.DISCOUNT_PRICE;
+    type: CompareType;
+    amount?: string;
+    from?: string;
+    to?: string;
+    priority: number;
+    conditionType?: CompareType;
+    discountType?: DiscountType;
+};
+type PriceRangeTrigger = {
+    triggerEvent: TriggerType.PRICE_RANGE;
+    from: string;
+    to: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type CreationDateTrigger = {
+    triggerEvent: TriggerType.CREATION_DATE;
+    type: CreationDateType;
+    days: string;
+    from: string;
+    to: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type ProductTagTrigger = {
+    triggerEvent: TriggerType.PRODUCT_TAGS;
+    searchTag: string[];
+    priority: number;
+    conditionType?: CompareType;
+};
+type TDisplayTrigger = InventoryStatusTrigger | DiscountPriceTrigger | PriceRangeTrigger | ProductTagTrigger | CreationDateTrigger;
 type DisplayTriggerControlType<T> = SharedControlType<T> & {
     type: 'display-trigger-badge';
+    default: TDisplayTrigger[];
 };
 
 type CustomPositionControlType<T> = SharedControlType<T> & {
@@ -8055,7 +8137,124 @@ type SelectProductBundleControlType<T> = SharedControlType<T> & {
     hide?: boolean;
 };
 
-type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<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> | OpenLinkControlType<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> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<T> | DisplayTriggerControlType<T>;
+type SettingStateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
+type LangKey = 'en' | 'vi';
+type LabelWithLang = {
+    [P in keyof Record<LangKey, ''>]?: string;
+};
+type SettingMediaType = 'image' | 'youtubeVideoID';
+type SettingUIHelpType = {
+    content: string;
+    button?: {
+        label: string;
+        link: string;
+    };
+    media?: {
+        value: string;
+        type: SettingMediaType;
+    };
+};
+type LinkWithSetting = {
+    name: string;
+    state?: string;
+    field?: string;
+    getLinkValue?: boolean;
+};
+type ControlConfig = ControlProp<any> & {
+    linkWithSetting?: LinkWithSetting;
+};
+type Plan = 'trial' | 'build' | 'starter' | 'optimize' | 'advanced' | 'trial2022' | 'enterprise' | 'development' | 'professional';
+type SettingUIControl = {
+    id?: string;
+    controlConfig?: ControlConfig;
+    type?: 'control' | 'combo' | 'tab' | 'toggleGroup';
+    layout?: 'vertical' | 'horizontal';
+    toggleGroupId?: string;
+    label?: LabelWithLang;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    options?: {
+        hideLabel?: boolean;
+        hideOnDevices?: Record<NameDevices$1, boolean>;
+        fullWidth?: boolean;
+        onlyShowInTags?: string[];
+        target?: 'tab';
+        disableMessage?: string;
+        nearestSupportedPlan?: Plan;
+        lockedOnPlans?: Plan[];
+        labelVariant?: 'primary' | 'secondary';
+        labelInsideControl?: boolean;
+    };
+    setting?: {
+        id: string;
+        state?: SettingStateType;
+    };
+    searchKeyword?: string;
+    tabs?: SettingUITab[];
+    info?: LabelWithLang;
+} & SettingUICompo;
+type SettingUICompo = {
+    controls?: SettingUIControl[];
+    iconName?: string;
+    getValueFromSettingID?: string;
+    fixedValue?: string;
+    placeholder?: string;
+    help?: SettingUIHelpType;
+};
+type SettingUIMoreSetting = {
+    label?: LabelWithLang;
+    labelAction?: LabelWithLang;
+    controls?: SettingUIControl[];
+    help?: SettingUIHelpType;
+};
+type SettingUITab = {
+    label?: LabelWithLang;
+    controls?: SettingUIControl[];
+    hide?: boolean;
+    conditionDisplay?: string;
+};
+type SettingUIToggleGroup = {
+    label?: LabelWithLang;
+    id?: string;
+    controls?: SettingUIControl[];
+};
+type SettingUIToggleSettings = {
+    controls?: SettingUIControl[];
+    isActiveDefault?: boolean;
+} & SettingUIControl & SettingUIToggleGroup;
+type SettingUIGroup = {
+    label?: LabelWithLang;
+    message?: string;
+    disableToggle?: boolean;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    controls?: SettingUIControl[];
+    moreSettings?: SettingUIMoreSetting;
+    toggleSettings?: SettingUIToggleSettings[];
+    states?: SettingUITab[];
+    help?: SettingUIHelpType;
+    options?: {
+        disableMessage?: string;
+    };
+};
+
+type FontWeight<T> = SharedControlType<T> & {
+    type: 'font-weight';
+};
+
+type LetterSpacing<T> = SharedControlType<T> & {
+    type: 'letter-spacing';
+};
+
+type TextTransform<T> = SharedControlType<T> & {
+    type: 'text-transform';
+};
+
+type LineHeight<T> = SharedControlType<T> & {
+    type: 'line-height';
+};
+
+type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<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> | OpenLinkControlType<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> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<T> | DisplayTriggerControlType<T> | FontWeight<T> | LetterSpacing<T> | TextTransform<T> | LineHeight<T>;
 type ControlTriggerAction = {
     controlId: string;
     newValue?: any;
@@ -8126,6 +8325,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -28410,6 +28610,7 @@ type TypographyProps = {
     fallbackFontFamily?: string;
     textShadow?: ShadowProps;
     hasShadowText?: boolean;
+    isCustom?: boolean;
 };
 type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
     fontSize?: ObjectDevices<string>;
@@ -28421,6 +28622,7 @@ type TypographyV2Attrs = {
     underline?: boolean;
     color?: ColorValueType;
     transform?: string;
+    seoTagValue?: string;
 };
 type CornerRadius = {
     btlr?: string;
@@ -28574,10 +28776,12 @@ declare enum AnimationDirectionType {
     Up = "up",
     Down = "down"
 }
-type AnimationTrigger = 'appear' | 'hover';
+type AnimationTrigger = 'appear' | 'hover' | "hidden" | 'appearByTrigger';
 declare enum AnimationTriggerType {
     Appear = "appear",
-    Hover = "hover"
+    Hover = "hover",
+    Hidden = "hidden",
+    AppearByTrigger = "appearByTrigger"
 }
 declare enum AnimationZoomDirectionType {
     In = "in",
@@ -28818,7 +29022,7 @@ type ProductListProviderProps = ProductListContextProps & {
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdAt' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     collections?: Maybe$1<{
         edges: Array<{
             node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
@@ -29182,6 +29386,7 @@ type PublishedThemePagesQueryResponse = {
         themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
         themePageCustomFonts?: Maybe$1<Array<Maybe$1<CustomFont$1>>>;
+        interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
     }>>>;
 };
 declare const PublishedThemePagesDocument: string;
@@ -29259,6 +29464,7 @@ type PreviewPageQueryResponse = {
         pageStyle?: Maybe$1<Pick<PublishedThemeStyle$1, 'id' | 'data' | 'name'>>;
         themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
+        interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
     }>;
 };
 declare const PreviewPageDocument: string;
@@ -29360,10 +29566,10 @@ type ClassDictionary = Record<string, boolean | undefined | null>;
 declare function cls(...classes: ClassValue[]): string;
 
 declare const animations: () => {
-    zoom: (target: Element, options: AnimationSettingType) => Animation;
+    zoom: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
     shake: (target: Element, options: AnimationSettingType) => Animation;
-    fade: (target: Element, options: AnimationSettingType) => Animation;
-    slide: (target: Element, options: AnimationSettingType) => Animation;
+    fade: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
+    slide: (target: Element, options: AnimationSettingType, reverse?: boolean) => Animation;
 };
 
 declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean) => React.ReactNode;
@@ -29878,6 +30084,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -31382,6 +31597,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -32886,6 +33110,15 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -34390,6 +34623,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -35665,59 +35907,13 @@ declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
 declare const removeUndefinedValuesFromObject: (obj: Record<string, string>) => Record<string, string>;
 
 declare const parseValueWithUnit: (valueWithUnit: string) => any;
-declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
+declare const getStyleShadow: (shadowStyle: ShadowStyle & {
+    screen?: string;
+}, isActiveState?: boolean) => {
     [x: string]: string;
 };
-declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
-declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
-    hasBoxShadow?: boolean | undefined;
-    boxShadowValue?: ShadowProps | undefined;
-    important?: boolean | undefined;
-}) => string | undefined;
-
-declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
-declare function genSizeClass(name: string): string;
-declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
-declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    width: Record<ResponsiveKey<"w">, string | number>;
-    height: Record<ResponsiveKey<"h">, string | number>;
-    padding: React.CSSProperties;
-    gap: {
-        '--gg': string | undefined;
-        '--gg-tablet': string | undefined;
-        '--gg-mobile': string | undefined;
-    };
-};
-declare const makeGlobalSizeIcon: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    width: Record<ResponsiveKey<"w">, string | number>;
-    height: Record<ResponsiveKey<"h">, string | number>;
-    minWidth: Record<ResponsiveKey<"minw">, string | number>;
-    padding: React.CSSProperties;
-};
-declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
-    '--gg': string | undefined;
-    '--gg-tablet': string | undefined;
-    '--gg-mobile': string | undefined;
-};
-declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
-declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
-declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
-declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
-declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
-declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
-declare const getValueByDevice: <T>(value: any, device: NameDevices$1) => T;
-
-type TypographyClass = `gp-g-${TypographyType}`;
-declare const genTypoClass: (name: TypographyType) => TypographyClass;
-declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
-declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
-declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
-declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props) => string | undefined;
-declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
-declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
-declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
+declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>, screen?: string) => React.CSSProperties;
+declare const getResonsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
     '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -36034,6 +36230,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -37220,142 +37425,1704 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
     textAnchor?: csstype.Property.TextAnchor | undefined;
     vectorEffect?: csstype.Property.VectorEffect | undefined;
-};
-
-type Func$6 = ReturnType<typeof addToCartOperation>;
-type Response$6 = Awaited<ReturnType<Func$6>>;
-type Args$5 = Parameters<Func$6>[0];
-declare const useAddToCart: (options?: SWRMutationConfiguration<Response$6, any, Args$5, 'add-to-cart'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.AddCartLineInput, "add-to-cart">;
-
-type Func$5 = ReturnType<typeof getCartOperation>;
-type Response$5 = Awaited<ReturnType<Func$5>>;
-declare const useCartData: (options?: SWRConfiguration<Response$5 | undefined, any>) => swr__internal.SWRResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any, Partial<swr__internal.PublicConfiguration<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any, (arg: "cart") => swr__internal.FetcherResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined>>> | undefined>;
-
-type Func$4 = ReturnType<typeof cartDiscountCodesUpdateOperation>;
-type Response$4 = Awaited<ReturnType<Func$4>>;
-type Args$4 = Parameters<Func$4>[0];
-declare const useCartDiscountCodesUpdate: (options?: SWRMutationConfiguration<Response$4, any, Args$4, 'cart-discount-codes-update'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CartDiscountCodesUpdateInput, "cart-discount-codes-update">;
-
-type Func$3 = ReturnType<typeof cartNoteUpdateOperation>;
-type Response$3 = Awaited<ReturnType<Func$3>>;
-type Args$3 = Parameters<Func$3>[0];
-declare const useCartNoteUpdate: (options?: SWRMutationConfiguration<Response$3, any, Args$3, 'cart-note-update'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CartNoteUpdateInput, "cart-note-update">;
-
-type Func$2 = ReturnType<typeof createCartOperation>;
-type Response$2 = Awaited<ReturnType<Func$2>>;
-type Args$2 = Parameters<Func$2>[0];
-declare const useCreateCart: (options?: SWRMutationConfiguration<Response$2, any, Args$2, 'create-cart'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CreateCartInput, "create-cart">;
-
-type Func$1 = ReturnType<typeof removeCartItemOperation>;
-type Response$1 = Awaited<ReturnType<Func$1>>;
-type Args$1 = Parameters<Func$1>[0];
-declare const useRemoveCartItem: (options?: SWRMutationConfiguration<Response$1, any, Args$1, 'remove-cart-item'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.RemoveCartLineInput, "remove-cart-item">;
-
-type Func = ReturnType<typeof updateCartLineOperation>;
-type Response = Awaited<ReturnType<Func>>;
-type Args = Parameters<Func>[0];
-declare const useUpdateCartItem: (options?: SWRMutationConfiguration<Response, any, Args, 'update-cart-item'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.UpdateCartLineInput, "update-cart-item">;
+} | undefined;
+declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, important, }: {
+    hasBoxShadow?: boolean | undefined;
+    boxShadowValue?: ShadowProps | undefined;
+    important?: boolean | undefined;
+}) => string | undefined;
 
-declare const useLocale: () => {
-    locale: string | undefined;
-    changeLocale: (locale: string) => void;
-};
-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;
-};
-declare const usePageType: () => PublishedThemePageType$1;
-declare const useStoreFront: () => {
-    provider: "SHOPIFY" | "BIGCOMMERCE" | undefined;
-    storefrontToken: string | undefined;
-    storefrontUrl: string | undefined;
+declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
+declare function genSizeClass(name: string): string;
+declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
+declare const makeGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    padding: React.CSSProperties;
+    gap: {
+        '--gg': string | undefined;
+        '--gg-tablet': string | undefined;
+        '--gg-mobile': string | undefined;
+    };
 };
-declare const usePluginEnable: () => string[] | undefined;
-declare const useEditorMode: () => RenderMode | undefined;
-declare const useMobileOnly: () => boolean | undefined;
-declare const useMatchMutate: () => <T = any>(matcher: RegExp, opts?: boolean | MutatorOptions<T> | undefined) => Promise<(T | undefined)[][]>;
-declare function useConnectedShopify(): boolean;
-declare function useIsSampleProduct(): boolean | undefined;
-declare function useIsStorefrontProduct(): boolean | undefined;
-declare function useCheckoutUrl(url?: string): string | undefined;
-
-declare const useCollectionQuery: (args?: FetchCollectionArgs, options?: SWRConfiguration<CollectionDetailFilterQueryResponse>) => swr__internal.SWRResponse<CollectionDetailFilterQueryResponse, any, Partial<swr__internal.PublicConfiguration<CollectionDetailFilterQueryResponse, any, (arg: ["query/collection", FetchCollectionArgs]) => swr__internal.FetcherResponse<CollectionDetailFilterQueryResponse>>> | undefined>;
-
-declare const useCollectionsQuery: (variable: CollectionsQueryVariables, options?: SWRConfiguration<CollectionsQueryResponse>) => swr__internal.SWRResponse<CollectionsQueryResponse, any, Partial<swr__internal.PublicConfiguration<CollectionsQueryResponse, any, (arg: ["query/collections", Exact$1<{
-    after?: InputMaybe$1<string>;
-    first?: InputMaybe$1<number>;
-    before?: InputMaybe$1<string>;
-    last?: InputMaybe$1<number>;
-    where?: InputMaybe$1<CollectionWhereInput$1>;
-    orderBy?: InputMaybe$1<CollectionOrder$1>;
-}>]) => swr__internal.FetcherResponse<CollectionsQueryResponse>>> | undefined>;
-
-declare const useProductQuery: (productId?: string, options?: SWRConfiguration<ProductSelectFragment>, customFetcher?: FetchFunc) => swr__internal.SWRResponse<ProductSelectFragment, any, Partial<swr__internal.PublicConfiguration<ProductSelectFragment, any, (arg: ["query/product", FetchProductParams]) => swr__internal.FetcherResponse<ProductSelectFragment>>> | undefined>;
-
-declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>, params?: {
-    defaultSelectedProductCount?: number;
-    allStatus?: boolean;
-    fetcher?: FetchFunc;
-}) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
-declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined, options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", any]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
-
-declare const useCurrentDevice: () => NameDevices$1;
-
-declare const shopifyPriceRounding: (amount: number | string, precision?: number) => string;
-declare const formatMoney: (cents: string, format: any) => string;
-declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
-
-declare const useLazyVideo: () => void;
-
-declare const useCartId: () => {
-    cartId: string | null | undefined;
-    updateCartId: (val?: string | null) => void;
-    clearCartId: () => void;
+declare const makeGlobalSizeIcon: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    width: Record<ResponsiveKey<"w">, string | number>;
+    height: Record<ResponsiveKey<"h">, string | number>;
+    minWidth: Record<ResponsiveKey<"minw">, string | number>;
+    padding: React.CSSProperties;
 };
-
-declare const useCartLine: () => _gem_sdk_adapter_common_dist_types_types_cart.LineItem;
-
-declare function useCartUI(): {
-    isCartOpen: boolean | undefined;
-    openCart: () => void;
-    closeCart: () => void;
+declare const getGlobalSizeGap: (globalSize?: ObjectDevices<SizeSettingGlobal>) => {
+    '--gg': string | undefined;
+    '--gg-tablet': string | undefined;
+    '--gg-mobile': string | undefined;
 };
+declare const makeStyleWithDefault: <T extends ShortHandProperty, K>(name: T, value?: Partial<Record<NameDevices$1, K>> | undefined, defaultVal?: Partial<Record<NameDevices$1, K>> | undefined) => Record<ResponsiveKey<T>, K>;
+declare const getWidthHeightGlobalSize: (type: 'width' | 'height', globalSize?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string | number>>;
+declare const getHeightByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>) => Partial<Record<NameDevices$1, string>>;
+declare const getWidthByShapeGlobalSize: (shapeByLayout?: ObjectDevices<SizeSettingGlobal>, defaultAuto?: boolean) => Partial<Record<NameDevices$1, string>>;
+declare const getAspectRatioGlobalSize: (shape?: ObjectDevices<SizeSettingGlobal>) => ObjectDevices<string>;
+declare const getPaddingGlobalSize: (globalSize?: ObjectDevices<SizeSettingGlobal>) => React.CSSProperties;
+declare const getValueByDevice: <T>(value: any, device: NameDevices$1) => T;
 
-declare const useCollection: () => CollectionSelectFragment | undefined;
-
-declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
-
-type LoadScriptParams = Parameters<typeof loadScript>;
-type ScriptState = 'loading' | 'done' | 'error';
-/**
- * The `useLoadScript` hook loads an external script tag on the client-side.
- */
-declare function useLoadScript(url: LoadScriptParams[0], options?: LoadScriptParams[1]): ScriptState;
-
-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`.
-     */
+type TypographyClass = `gp-g-${TypographyType}`;
+declare const genTypoClass: (name: TypographyType) => TypographyClass;
+declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
+declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
+declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
+declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props) => string | undefined;
+declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
+declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
+declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
+    [x: string]: any;
+    '--ai'?: csstype.Property.AlignItems | undefined;
+    '--hvr-ai'?: csstype.Property.AlignItems | undefined;
+    '--focus-ai'?: csstype.Property.AlignItems | undefined;
+    '--ai-tablet'?: csstype.Property.AlignItems | undefined;
+    '--hvr-ai-tablet'?: csstype.Property.AlignItems | undefined;
+    '--focus-ai-tablet'?: csstype.Property.AlignItems | undefined;
+    '--ai-mobile'?: csstype.Property.AlignItems | undefined;
+    '--hvr-ai-mobile'?: csstype.Property.AlignItems | undefined;
+    '--focus-ai-mobile'?: csstype.Property.AlignItems | undefined;
+    '--aspect'?: csstype.Property.AspectRatio | undefined;
+    '--hvr-aspect'?: csstype.Property.AspectRatio | undefined;
+    '--focus-aspect'?: csstype.Property.AspectRatio | undefined;
+    '--aspect-tablet'?: csstype.Property.AspectRatio | undefined;
+    '--hvr-aspect-tablet'?: csstype.Property.AspectRatio | undefined;
+    '--focus-aspect-tablet'?: csstype.Property.AspectRatio | undefined;
+    '--aspect-mobile'?: csstype.Property.AspectRatio | undefined;
+    '--hvr-aspect-mobile'?: csstype.Property.AspectRatio | undefined;
+    '--focus-aspect-mobile'?: csstype.Property.AspectRatio | undefined;
+    '--bg'?: csstype.Property.Background<string | number> | undefined;
+    '--hvr-bg'?: csstype.Property.Background<string | number> | undefined;
+    '--focus-bg'?: csstype.Property.Background<string | number> | undefined;
+    '--bg-tablet'?: csstype.Property.Background<string | number> | undefined;
+    '--hvr-bg-tablet'?: csstype.Property.Background<string | number> | undefined;
+    '--focus-bg-tablet'?: csstype.Property.Background<string | number> | undefined;
+    '--bg-mobile'?: csstype.Property.Background<string | number> | undefined;
+    '--hvr-bg-mobile'?: csstype.Property.Background<string | number> | undefined;
+    '--focus-bg-mobile'?: csstype.Property.Background<string | number> | undefined;
+    '--bga'?: csstype.Property.BackgroundAttachment | undefined;
+    '--hvr-bga'?: csstype.Property.BackgroundAttachment | undefined;
+    '--focus-bga'?: csstype.Property.BackgroundAttachment | undefined;
+    '--bga-tablet'?: csstype.Property.BackgroundAttachment | undefined;
+    '--hvr-bga-tablet'?: csstype.Property.BackgroundAttachment | undefined;
+    '--focus-bga-tablet'?: csstype.Property.BackgroundAttachment | undefined;
+    '--bga-mobile'?: csstype.Property.BackgroundAttachment | undefined;
+    '--hvr-bga-mobile'?: csstype.Property.BackgroundAttachment | undefined;
+    '--focus-bga-mobile'?: csstype.Property.BackgroundAttachment | undefined;
+    '--bgc'?: csstype.Property.BackgroundColor | undefined;
+    '--hvr-bgc'?: csstype.Property.BackgroundColor | undefined;
+    '--focus-bgc'?: csstype.Property.BackgroundColor | undefined;
+    '--bgc-tablet'?: csstype.Property.BackgroundColor | undefined;
+    '--hvr-bgc-tablet'?: csstype.Property.BackgroundColor | undefined;
+    '--focus-bgc-tablet'?: csstype.Property.BackgroundColor | undefined;
+    '--bgc-mobile'?: csstype.Property.BackgroundColor | undefined;
+    '--hvr-bgc-mobile'?: csstype.Property.BackgroundColor | undefined;
+    '--focus-bgc-mobile'?: csstype.Property.BackgroundColor | undefined;
+    '--bgi'?: csstype.Property.BackgroundImage | undefined;
+    '--hvr-bgi'?: csstype.Property.BackgroundImage | undefined;
+    '--focus-bgi'?: csstype.Property.BackgroundImage | undefined;
+    '--bgi-tablet'?: csstype.Property.BackgroundImage | undefined;
+    '--hvr-bgi-tablet'?: csstype.Property.BackgroundImage | undefined;
+    '--focus-bgi-tablet'?: csstype.Property.BackgroundImage | undefined;
+    '--bgi-mobile'?: csstype.Property.BackgroundImage | undefined;
+    '--hvr-bgi-mobile'?: csstype.Property.BackgroundImage | undefined;
+    '--focus-bgi-mobile'?: csstype.Property.BackgroundImage | undefined;
+    '--bgp'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--hvr-bgp'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--focus-bgp'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--bgp-tablet'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--hvr-bgp-tablet'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--focus-bgp-tablet'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--bgp-mobile'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--hvr-bgp-mobile'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--focus-bgp-mobile'?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    '--bgr'?: csstype.Property.BackgroundRepeat | undefined;
+    '--hvr-bgr'?: csstype.Property.BackgroundRepeat | undefined;
+    '--focus-bgr'?: csstype.Property.BackgroundRepeat | undefined;
+    '--bgr-tablet'?: csstype.Property.BackgroundRepeat | undefined;
+    '--hvr-bgr-tablet'?: csstype.Property.BackgroundRepeat | undefined;
+    '--focus-bgr-tablet'?: csstype.Property.BackgroundRepeat | undefined;
+    '--bgr-mobile'?: csstype.Property.BackgroundRepeat | undefined;
+    '--hvr-bgr-mobile'?: csstype.Property.BackgroundRepeat | undefined;
+    '--focus-bgr-mobile'?: csstype.Property.BackgroundRepeat | undefined;
+    '--bgs'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--hvr-bgs'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--focus-bgs'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--bgs-tablet'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--hvr-bgs-tablet'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--focus-bgs-tablet'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--bgs-mobile'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--hvr-bgs-mobile'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--focus-bgs-mobile'?: csstype.Property.BackgroundSize<string | number> | undefined;
+    '--b'?: csstype.Property.Border<string | number> | undefined;
+    '--hvr-b'?: csstype.Property.Border<string | number> | undefined;
+    '--focus-b'?: csstype.Property.Border<string | number> | undefined;
+    '--b-tablet'?: csstype.Property.Border<string | number> | undefined;
+    '--hvr-b-tablet'?: csstype.Property.Border<string | number> | undefined;
+    '--focus-b-tablet'?: csstype.Property.Border<string | number> | undefined;
+    '--b-mobile'?: csstype.Property.Border<string | number> | undefined;
+    '--hvr-b-mobile'?: csstype.Property.Border<string | number> | undefined;
+    '--focus-b-mobile'?: csstype.Property.Border<string | number> | undefined;
+    '--bb'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--hvr-bb'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--focus-bb'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--bb-tablet'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--hvr-bb-tablet'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--focus-bb-tablet'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--bb-mobile'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--hvr-bb-mobile'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--focus-bb-mobile'?: csstype.Property.BorderBottom<string | number> | undefined;
+    '--bbw'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--hvr-bbw'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--focus-bbw'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--bbw-tablet'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--hvr-bbw-tablet'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--focus-bbw-tablet'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--bbw-mobile'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--hvr-bbw-mobile'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--focus-bbw-mobile'?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    '--bbc'?: csstype.Property.BorderBottomColor | undefined;
+    '--hvr-bbc'?: csstype.Property.BorderBottomColor | undefined;
+    '--focus-bbc'?: csstype.Property.BorderBottomColor | undefined;
+    '--bbc-tablet'?: csstype.Property.BorderBottomColor | undefined;
+    '--hvr-bbc-tablet'?: csstype.Property.BorderBottomColor | undefined;
+    '--focus-bbc-tablet'?: csstype.Property.BorderBottomColor | undefined;
+    '--bbc-mobile'?: csstype.Property.BorderBottomColor | undefined;
+    '--hvr-bbc-mobile'?: csstype.Property.BorderBottomColor | undefined;
+    '--focus-bbc-mobile'?: csstype.Property.BorderBottomColor | undefined;
+    '--bc'?: csstype.Property.BorderColor | undefined;
+    '--hvr-bc'?: csstype.Property.BorderColor | undefined;
+    '--focus-bc'?: csstype.Property.BorderColor | undefined;
+    '--bc-tablet'?: csstype.Property.BorderColor | undefined;
+    '--hvr-bc-tablet'?: csstype.Property.BorderColor | undefined;
+    '--focus-bc-tablet'?: csstype.Property.BorderColor | undefined;
+    '--bc-mobile'?: csstype.Property.BorderColor | undefined;
+    '--hvr-bc-mobile'?: csstype.Property.BorderColor | undefined;
+    '--focus-bc-mobile'?: csstype.Property.BorderColor | undefined;
+    '--bblr'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--hvr-bblr'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--focus-bblr'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--bblr-tablet'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--hvr-bblr-tablet'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--focus-bblr-tablet'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--bblr-mobile'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--hvr-bblr-mobile'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--focus-bblr-mobile'?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    '--bbrr'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--hvr-bbrr'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--focus-bbrr'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--bbrr-tablet'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--hvr-bbrr-tablet'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--focus-bbrr-tablet'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--bbrr-mobile'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--hvr-bbrr-mobile'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--focus-bbrr-mobile'?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    '--bl'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--hvr-bl'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--focus-bl'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--bl-tablet'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--hvr-bl-tablet'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--focus-bl-tablet'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--bl-mobile'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--hvr-bl-mobile'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--focus-bl-mobile'?: csstype.Property.BorderLeft<string | number> | undefined;
+    '--radius'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--hvr-radius'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--focus-radius'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--radius-tablet'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--hvr-radius-tablet'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--focus-radius-tablet'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--radius-mobile'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--hvr-radius-mobile'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--focus-radius-mobile'?: csstype.Property.BorderRadius<string | number> | undefined;
+    '--br'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--hvr-br'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--focus-br'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--br-tablet'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--hvr-br-tablet'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--focus-br-tablet'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--br-mobile'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--hvr-br-mobile'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--focus-br-mobile'?: csstype.Property.BorderRight<string | number> | undefined;
+    '--bs'?: csstype.Property.BorderStyle | undefined;
+    '--hvr-bs'?: csstype.Property.BorderStyle | undefined;
+    '--focus-bs'?: csstype.Property.BorderStyle | undefined;
+    '--bs-tablet'?: csstype.Property.BorderStyle | undefined;
+    '--hvr-bs-tablet'?: csstype.Property.BorderStyle | undefined;
+    '--focus-bs-tablet'?: csstype.Property.BorderStyle | undefined;
+    '--bs-mobile'?: csstype.Property.BorderStyle | undefined;
+    '--hvr-bs-mobile'?: csstype.Property.BorderStyle | undefined;
+    '--focus-bs-mobile'?: csstype.Property.BorderStyle | undefined;
+    '--bt'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--hvr-bt'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--focus-bt'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--bt-tablet'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--hvr-bt-tablet'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--focus-bt-tablet'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--bt-mobile'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--hvr-bt-mobile'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--focus-bt-mobile'?: csstype.Property.BorderTop<string | number> | undefined;
+    '--btlr'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--hvr-btlr'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--focus-btlr'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--btlr-tablet'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--hvr-btlr-tablet'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--focus-btlr-tablet'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--btlr-mobile'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--hvr-btlr-mobile'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--focus-btlr-mobile'?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    '--btrr'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--hvr-btrr'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--focus-btrr'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--btrr-tablet'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--hvr-btrr-tablet'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--focus-btrr-tablet'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--btrr-mobile'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--hvr-btrr-mobile'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--focus-btrr-mobile'?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    '--bw'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--hvr-bw'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--focus-bw'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--bw-tablet'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--hvr-bw-tablet'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--focus-bw-tablet'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--bw-mobile'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--hvr-bw-mobile'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--focus-bw-mobile'?: csstype.Property.BorderWidth<string | number> | undefined;
+    '--bottom'?: csstype.Property.Bottom<string | number> | undefined;
+    '--hvr-bottom'?: csstype.Property.Bottom<string | number> | undefined;
+    '--focus-bottom'?: csstype.Property.Bottom<string | number> | undefined;
+    '--bottom-tablet'?: csstype.Property.Bottom<string | number> | undefined;
+    '--hvr-bottom-tablet'?: csstype.Property.Bottom<string | number> | undefined;
+    '--focus-bottom-tablet'?: csstype.Property.Bottom<string | number> | undefined;
+    '--bottom-mobile'?: csstype.Property.Bottom<string | number> | undefined;
+    '--hvr-bottom-mobile'?: csstype.Property.Bottom<string | number> | undefined;
+    '--focus-bottom-mobile'?: csstype.Property.Bottom<string | number> | undefined;
+    '--shadow'?: csstype.Property.BoxShadow | undefined;
+    '--hvr-shadow'?: csstype.Property.BoxShadow | undefined;
+    '--focus-shadow'?: csstype.Property.BoxShadow | undefined;
+    '--shadow-tablet'?: csstype.Property.BoxShadow | undefined;
+    '--hvr-shadow-tablet'?: csstype.Property.BoxShadow | undefined;
+    '--focus-shadow-tablet'?: csstype.Property.BoxShadow | undefined;
+    '--shadow-mobile'?: csstype.Property.BoxShadow | undefined;
+    '--hvr-shadow-mobile'?: csstype.Property.BoxShadow | undefined;
+    '--focus-shadow-mobile'?: csstype.Property.BoxShadow | undefined;
+    '--c'?: csstype.Property.Color | undefined;
+    '--hvr-c'?: csstype.Property.Color | undefined;
+    '--focus-c'?: csstype.Property.Color | undefined;
+    '--c-tablet'?: csstype.Property.Color | undefined;
+    '--hvr-c-tablet'?: csstype.Property.Color | undefined;
+    '--focus-c-tablet'?: csstype.Property.Color | undefined;
+    '--c-mobile'?: csstype.Property.Color | undefined;
+    '--hvr-c-mobile'?: csstype.Property.Color | undefined;
+    '--focus-c-mobile'?: csstype.Property.Color | undefined;
+    '--cg'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--hvr-cg'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--focus-cg'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--cg-tablet'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--hvr-cg-tablet'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--focus-cg-tablet'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--cg-mobile'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--hvr-cg-mobile'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--focus-cg-mobile'?: csstype.Property.ColumnGap<string | number> | undefined;
+    '--d'?: csstype.Property.Display | undefined;
+    '--hvr-d'?: csstype.Property.Display | undefined;
+    '--focus-d'?: csstype.Property.Display | undefined;
+    '--d-tablet'?: csstype.Property.Display | undefined;
+    '--hvr-d-tablet'?: csstype.Property.Display | undefined;
+    '--focus-d-tablet'?: csstype.Property.Display | undefined;
+    '--d-mobile'?: csstype.Property.Display | undefined;
+    '--hvr-d-mobile'?: csstype.Property.Display | undefined;
+    '--focus-d-mobile'?: csstype.Property.Display | undefined;
+    '--fd'?: csstype.Property.FlexDirection | undefined;
+    '--hvr-fd'?: csstype.Property.FlexDirection | undefined;
+    '--focus-fd'?: csstype.Property.FlexDirection | undefined;
+    '--fd-tablet'?: csstype.Property.FlexDirection | undefined;
+    '--hvr-fd-tablet'?: csstype.Property.FlexDirection | undefined;
+    '--focus-fd-tablet'?: csstype.Property.FlexDirection | undefined;
+    '--fd-mobile'?: csstype.Property.FlexDirection | undefined;
+    '--hvr-fd-mobile'?: csstype.Property.FlexDirection | undefined;
+    '--focus-fd-mobile'?: csstype.Property.FlexDirection | undefined;
+    '--ff'?: csstype.Property.FontFamily | undefined;
+    '--hvr-ff'?: csstype.Property.FontFamily | undefined;
+    '--focus-ff'?: csstype.Property.FontFamily | undefined;
+    '--ff-tablet'?: csstype.Property.FontFamily | undefined;
+    '--hvr-ff-tablet'?: csstype.Property.FontFamily | undefined;
+    '--focus-ff-tablet'?: csstype.Property.FontFamily | undefined;
+    '--ff-mobile'?: csstype.Property.FontFamily | undefined;
+    '--hvr-ff-mobile'?: csstype.Property.FontFamily | undefined;
+    '--focus-ff-mobile'?: csstype.Property.FontFamily | undefined;
+    '--size'?: csstype.Property.FontSize<string | number> | undefined;
+    '--hvr-size'?: csstype.Property.FontSize<string | number> | undefined;
+    '--focus-size'?: csstype.Property.FontSize<string | number> | undefined;
+    '--size-tablet'?: csstype.Property.FontSize<string | number> | undefined;
+    '--hvr-size-tablet'?: csstype.Property.FontSize<string | number> | undefined;
+    '--focus-size-tablet'?: csstype.Property.FontSize<string | number> | undefined;
+    '--size-mobile'?: csstype.Property.FontSize<string | number> | undefined;
+    '--hvr-size-mobile'?: csstype.Property.FontSize<string | number> | undefined;
+    '--focus-size-mobile'?: csstype.Property.FontSize<string | number> | undefined;
+    '--weight'?: csstype.Property.FontWeight | undefined;
+    '--hvr-weight'?: csstype.Property.FontWeight | undefined;
+    '--focus-weight'?: csstype.Property.FontWeight | undefined;
+    '--weight-tablet'?: csstype.Property.FontWeight | undefined;
+    '--hvr-weight-tablet'?: csstype.Property.FontWeight | undefined;
+    '--focus-weight-tablet'?: csstype.Property.FontWeight | undefined;
+    '--weight-mobile'?: csstype.Property.FontWeight | undefined;
+    '--hvr-weight-mobile'?: csstype.Property.FontWeight | undefined;
+    '--focus-weight-mobile'?: csstype.Property.FontWeight | undefined;
+    '--fs'?: csstype.Property.FontStyle | undefined;
+    '--hvr-fs'?: csstype.Property.FontStyle | undefined;
+    '--focus-fs'?: csstype.Property.FontStyle | undefined;
+    '--fs-tablet'?: csstype.Property.FontStyle | undefined;
+    '--hvr-fs-tablet'?: csstype.Property.FontStyle | undefined;
+    '--focus-fs-tablet'?: csstype.Property.FontStyle | undefined;
+    '--fs-mobile'?: csstype.Property.FontStyle | undefined;
+    '--hvr-fs-mobile'?: csstype.Property.FontStyle | undefined;
+    '--focus-fs-mobile'?: csstype.Property.FontStyle | undefined;
+    '--gg'?: csstype.Property.GridGap<string | number> | undefined;
+    '--hvr-gg'?: csstype.Property.GridGap<string | number> | undefined;
+    '--focus-gg'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gg-tablet'?: csstype.Property.GridGap<string | number> | undefined;
+    '--hvr-gg-tablet'?: csstype.Property.GridGap<string | number> | undefined;
+    '--focus-gg-tablet'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--gtc-tablet'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--hvr-gtc-tablet'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--focus-gtc-tablet'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--gtc-mobile'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--hvr-gtc-mobile'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--focus-gtc-mobile'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    '--gtr'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--hvr-gtr'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--focus-gtr'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--gtr-tablet'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--hvr-gtr-tablet'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--focus-gtr-tablet'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--gtr-mobile'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--hvr-gtr-mobile'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--focus-gtr-mobile'?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    '--h'?: csstype.Property.Height<string | number> | undefined;
+    '--hvr-h'?: csstype.Property.Height<string | number> | undefined;
+    '--focus-h'?: csstype.Property.Height<string | number> | undefined;
+    '--h-tablet'?: csstype.Property.Height<string | number> | undefined;
+    '--hvr-h-tablet'?: csstype.Property.Height<string | number> | undefined;
+    '--focus-h-tablet'?: csstype.Property.Height<string | number> | undefined;
+    '--h-mobile'?: csstype.Property.Height<string | number> | undefined;
+    '--hvr-h-mobile'?: csstype.Property.Height<string | number> | undefined;
+    '--focus-h-mobile'?: csstype.Property.Height<string | number> | undefined;
+    '--jc'?: csstype.Property.JustifyContent | undefined;
+    '--hvr-jc'?: csstype.Property.JustifyContent | undefined;
+    '--focus-jc'?: csstype.Property.JustifyContent | undefined;
+    '--jc-tablet'?: csstype.Property.JustifyContent | undefined;
+    '--hvr-jc-tablet'?: csstype.Property.JustifyContent | undefined;
+    '--focus-jc-tablet'?: csstype.Property.JustifyContent | undefined;
+    '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--left'?: csstype.Property.Left<string | number> | undefined;
+    '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
+    '--focus-left'?: csstype.Property.Left<string | number> | undefined;
+    '--left-tablet'?: csstype.Property.Left<string | number> | undefined;
+    '--hvr-left-tablet'?: csstype.Property.Left<string | number> | undefined;
+    '--focus-left-tablet'?: csstype.Property.Left<string | number> | undefined;
+    '--left-mobile'?: csstype.Property.Left<string | number> | undefined;
+    '--hvr-left-mobile'?: csstype.Property.Left<string | number> | undefined;
+    '--focus-left-mobile'?: csstype.Property.Left<string | number> | undefined;
+    '--ls'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--hvr-ls'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--focus-ls'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--ls-tablet'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--hvr-ls-tablet'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--focus-ls-tablet'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--ls-mobile'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--hvr-ls-mobile'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--focus-ls-mobile'?: csstype.Property.LetterSpacing<string | number> | undefined;
+    '--line-clamp'?: any;
+    '--hvr-line-clamp'?: any;
+    '--focus-line-clamp'?: any;
+    '--line-clamp-tablet'?: any;
+    '--hvr-line-clamp-tablet'?: any;
+    '--focus-line-clamp-tablet'?: any;
+    '--line-clamp-mobile'?: any;
+    '--hvr-line-clamp-mobile'?: any;
+    '--focus-line-clamp-mobile'?: any;
+    '--lh'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--hvr-lh'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--focus-lh'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--lh-tablet'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--hvr-lh-tablet'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--focus-lh-tablet'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--lh-mobile'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--hvr-lh-mobile'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--focus-lh-mobile'?: csstype.Property.LineHeight<string | number> | undefined;
+    '--tdt'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--hvr-tdt'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--focus-tdt'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--tdt-tablet'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--hvr-tdt-tablet'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--focus-tdt-tablet'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--tdt-mobile'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--hvr-tdt-mobile'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--focus-tdt-mobile'?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    '--tdc'?: csstype.Property.TextDecorationColor | undefined;
+    '--hvr-tdc'?: csstype.Property.TextDecorationColor | undefined;
+    '--focus-tdc'?: csstype.Property.TextDecorationColor | undefined;
+    '--tdc-tablet'?: csstype.Property.TextDecorationColor | undefined;
+    '--hvr-tdc-tablet'?: csstype.Property.TextDecorationColor | undefined;
+    '--focus-tdc-tablet'?: csstype.Property.TextDecorationColor | undefined;
+    '--tdc-mobile'?: csstype.Property.TextDecorationColor | undefined;
+    '--hvr-tdc-mobile'?: csstype.Property.TextDecorationColor | undefined;
+    '--focus-tdc-mobile'?: csstype.Property.TextDecorationColor | undefined;
+    '--tdl'?: csstype.Property.TextDecorationLine | undefined;
+    '--hvr-tdl'?: csstype.Property.TextDecorationLine | undefined;
+    '--focus-tdl'?: csstype.Property.TextDecorationLine | undefined;
+    '--tdl-tablet'?: csstype.Property.TextDecorationLine | undefined;
+    '--hvr-tdl-tablet'?: csstype.Property.TextDecorationLine | undefined;
+    '--focus-tdl-tablet'?: csstype.Property.TextDecorationLine | undefined;
+    '--tdl-mobile'?: csstype.Property.TextDecorationLine | undefined;
+    '--hvr-tdl-mobile'?: csstype.Property.TextDecorationLine | undefined;
+    '--focus-tdl-mobile'?: csstype.Property.TextDecorationLine | undefined;
+    '--m'?: csstype.Property.Margin<string | number> | undefined;
+    '--hvr-m'?: csstype.Property.Margin<string | number> | undefined;
+    '--focus-m'?: csstype.Property.Margin<string | number> | undefined;
+    '--m-tablet'?: csstype.Property.Margin<string | number> | undefined;
+    '--hvr-m-tablet'?: csstype.Property.Margin<string | number> | undefined;
+    '--focus-m-tablet'?: csstype.Property.Margin<string | number> | undefined;
+    '--m-mobile'?: csstype.Property.Margin<string | number> | undefined;
+    '--hvr-m-mobile'?: csstype.Property.Margin<string | number> | undefined;
+    '--focus-m-mobile'?: csstype.Property.Margin<string | number> | undefined;
+    '--mb'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--hvr-mb'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--focus-mb'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--mb-tablet'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--hvr-mb-tablet'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--focus-mb-tablet'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--mb-mobile'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--hvr-mb-mobile'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--focus-mb-mobile'?: csstype.Property.MarginBottom<string | number> | undefined;
+    '--ml'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--hvr-ml'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--focus-ml'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--ml-tablet'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--hvr-ml-tablet'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--focus-ml-tablet'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--ml-mobile'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--hvr-ml-mobile'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--focus-ml-mobile'?: csstype.Property.MarginLeft<string | number> | undefined;
+    '--mr'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--hvr-mr'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--focus-mr'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--mr-tablet'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--hvr-mr-tablet'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--focus-mr-tablet'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--mr-mobile'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--hvr-mr-mobile'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--focus-mr-mobile'?: csstype.Property.MarginRight<string | number> | undefined;
+    '--mt'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--hvr-mt'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--focus-mt'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--mt-tablet'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--hvr-mt-tablet'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--focus-mt-tablet'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--mt-mobile'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--hvr-mt-mobile'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--focus-mt-mobile'?: csstype.Property.MarginTop<string | number> | undefined;
+    '--maxh'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--hvr-maxh'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--focus-maxh'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--maxh-tablet'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--hvr-maxh-tablet'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--focus-maxh-tablet'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--maxh-mobile'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--hvr-maxh-mobile'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--focus-maxh-mobile'?: csstype.Property.MaxHeight<string | number> | undefined;
+    '--maxw'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--hvr-maxw'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--focus-maxw'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--maxw-tablet'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--hvr-maxw-tablet'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--focus-maxw-tablet'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--maxw-mobile'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--hvr-maxw-mobile'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--focus-maxw-mobile'?: csstype.Property.MaxWidth<string | number> | undefined;
+    '--minh'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--hvr-minh'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--focus-minh'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--minh-tablet'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--hvr-minh-tablet'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--focus-minh-tablet'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--minh-mobile'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--hvr-minh-mobile'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--focus-minh-mobile'?: csstype.Property.MinHeight<string | number> | undefined;
+    '--minw'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--hvr-minw'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--focus-minw'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--minw-tablet'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--hvr-minw-tablet'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--focus-minw-tablet'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--minw-mobile'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--hvr-minw-mobile'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--focus-minw-mobile'?: csstype.Property.MinWidth<string | number> | undefined;
+    '--objf'?: csstype.Property.ObjectFit | undefined;
+    '--hvr-objf'?: csstype.Property.ObjectFit | undefined;
+    '--focus-objf'?: csstype.Property.ObjectFit | undefined;
+    '--objf-tablet'?: csstype.Property.ObjectFit | undefined;
+    '--hvr-objf-tablet'?: csstype.Property.ObjectFit | undefined;
+    '--focus-objf-tablet'?: csstype.Property.ObjectFit | undefined;
+    '--objf-mobile'?: csstype.Property.ObjectFit | undefined;
+    '--hvr-objf-mobile'?: csstype.Property.ObjectFit | undefined;
+    '--focus-objf-mobile'?: csstype.Property.ObjectFit | undefined;
+    '--op'?: csstype.Property.Opacity | undefined;
+    '--hvr-op'?: csstype.Property.Opacity | undefined;
+    '--focus-op'?: csstype.Property.Opacity | undefined;
+    '--op-tablet'?: csstype.Property.Opacity | undefined;
+    '--hvr-op-tablet'?: csstype.Property.Opacity | undefined;
+    '--focus-op-tablet'?: csstype.Property.Opacity | undefined;
+    '--op-mobile'?: csstype.Property.Opacity | undefined;
+    '--hvr-op-mobile'?: csstype.Property.Opacity | undefined;
+    '--focus-op-mobile'?: csstype.Property.Opacity | undefined;
+    '--o'?: csstype.Property.Order | undefined;
+    '--hvr-o'?: csstype.Property.Order | undefined;
+    '--focus-o'?: csstype.Property.Order | undefined;
+    '--o-tablet'?: csstype.Property.Order | undefined;
+    '--hvr-o-tablet'?: csstype.Property.Order | undefined;
+    '--focus-o-tablet'?: csstype.Property.Order | undefined;
+    '--o-mobile'?: csstype.Property.Order | undefined;
+    '--hvr-o-mobile'?: csstype.Property.Order | undefined;
+    '--focus-o-mobile'?: csstype.Property.Order | undefined;
+    '--pc'?: csstype.Property.PlaceContent | undefined;
+    '--hvr-pc'?: csstype.Property.PlaceContent | undefined;
+    '--focus-pc'?: csstype.Property.PlaceContent | undefined;
+    '--pc-tablet'?: csstype.Property.PlaceContent | undefined;
+    '--hvr-pc-tablet'?: csstype.Property.PlaceContent | undefined;
+    '--focus-pc-tablet'?: csstype.Property.PlaceContent | undefined;
+    '--pc-mobile'?: csstype.Property.PlaceContent | undefined;
+    '--hvr-pc-mobile'?: csstype.Property.PlaceContent | undefined;
+    '--focus-pc-mobile'?: csstype.Property.PlaceContent | undefined;
+    '--p'?: csstype.Property.Padding<string | number> | undefined;
+    '--hvr-p'?: csstype.Property.Padding<string | number> | undefined;
+    '--focus-p'?: csstype.Property.Padding<string | number> | undefined;
+    '--p-tablet'?: csstype.Property.Padding<string | number> | undefined;
+    '--hvr-p-tablet'?: csstype.Property.Padding<string | number> | undefined;
+    '--focus-p-tablet'?: csstype.Property.Padding<string | number> | undefined;
+    '--p-mobile'?: csstype.Property.Padding<string | number> | undefined;
+    '--hvr-p-mobile'?: csstype.Property.Padding<string | number> | undefined;
+    '--focus-p-mobile'?: csstype.Property.Padding<string | number> | undefined;
+    '--pb'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--hvr-pb'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--focus-pb'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--pb-tablet'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--hvr-pb-tablet'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--focus-pb-tablet'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--pb-mobile'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--hvr-pb-mobile'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--focus-pb-mobile'?: csstype.Property.PaddingBottom<string | number> | undefined;
+    '--pl'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--hvr-pl'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--focus-pl'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--pl-tablet'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--hvr-pl-tablet'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--focus-pl-tablet'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--pl-mobile'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--hvr-pl-mobile'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--focus-pl-mobile'?: csstype.Property.PaddingLeft<string | number> | undefined;
+    '--pr'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--hvr-pr'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--focus-pr'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--pr-tablet'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--hvr-pr-tablet'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--focus-pr-tablet'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--pr-mobile'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--hvr-pr-mobile'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--focus-pr-mobile'?: csstype.Property.PaddingRight<string | number> | undefined;
+    '--pt'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--hvr-pt'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--focus-pt'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--pt-tablet'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--hvr-pt-tablet'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--focus-pt-tablet'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--hvr-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--focus-pt-mobile'?: csstype.Property.PaddingTop<string | number> | undefined;
+    '--pe'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe'?: csstype.Property.PointerEvents | undefined;
+    '--pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe-tablet'?: csstype.Property.PointerEvents | undefined;
+    '--pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--hvr-pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--focus-pe-mobile'?: csstype.Property.PointerEvents | undefined;
+    '--pos'?: csstype.Property.Position | undefined;
+    '--hvr-pos'?: csstype.Property.Position | undefined;
+    '--focus-pos'?: csstype.Property.Position | undefined;
+    '--pos-tablet'?: csstype.Property.Position | undefined;
+    '--hvr-pos-tablet'?: csstype.Property.Position | undefined;
+    '--focus-pos-tablet'?: csstype.Property.Position | undefined;
+    '--pos-mobile'?: csstype.Property.Position | undefined;
+    '--hvr-pos-mobile'?: csstype.Property.Position | undefined;
+    '--focus-pos-mobile'?: csstype.Property.Position | undefined;
+    '--right'?: csstype.Property.Right<string | number> | undefined;
+    '--hvr-right'?: csstype.Property.Right<string | number> | undefined;
+    '--focus-right'?: csstype.Property.Right<string | number> | undefined;
+    '--right-tablet'?: csstype.Property.Right<string | number> | undefined;
+    '--hvr-right-tablet'?: csstype.Property.Right<string | number> | undefined;
+    '--focus-right-tablet'?: csstype.Property.Right<string | number> | undefined;
+    '--right-mobile'?: csstype.Property.Right<string | number> | undefined;
+    '--hvr-right-mobile'?: csstype.Property.Right<string | number> | undefined;
+    '--focus-right-mobile'?: csstype.Property.Right<string | number> | undefined;
+    '--rg'?: csstype.Property.RowGap<string | number> | undefined;
+    '--hvr-rg'?: csstype.Property.RowGap<string | number> | undefined;
+    '--focus-rg'?: csstype.Property.RowGap<string | number> | undefined;
+    '--rg-tablet'?: csstype.Property.RowGap<string | number> | undefined;
+    '--hvr-rg-tablet'?: csstype.Property.RowGap<string | number> | undefined;
+    '--focus-rg-tablet'?: csstype.Property.RowGap<string | number> | undefined;
+    '--rg-mobile'?: csstype.Property.RowGap<string | number> | undefined;
+    '--hvr-rg-mobile'?: csstype.Property.RowGap<string | number> | undefined;
+    '--focus-rg-mobile'?: csstype.Property.RowGap<string | number> | undefined;
+    '--ta'?: csstype.Property.TextAlign | undefined;
+    '--hvr-ta'?: csstype.Property.TextAlign | undefined;
+    '--focus-ta'?: csstype.Property.TextAlign | undefined;
+    '--ta-tablet'?: csstype.Property.TextAlign | undefined;
+    '--hvr-ta-tablet'?: csstype.Property.TextAlign | undefined;
+    '--focus-ta-tablet'?: csstype.Property.TextAlign | undefined;
+    '--ta-mobile'?: csstype.Property.TextAlign | undefined;
+    '--hvr-ta-mobile'?: csstype.Property.TextAlign | undefined;
+    '--focus-ta-mobile'?: csstype.Property.TextAlign | undefined;
+    '--ts'?: csstype.Property.TextShadow | undefined;
+    '--hvr-ts'?: csstype.Property.TextShadow | undefined;
+    '--focus-ts'?: csstype.Property.TextShadow | undefined;
+    '--ts-tablet'?: csstype.Property.TextShadow | undefined;
+    '--hvr-ts-tablet'?: csstype.Property.TextShadow | undefined;
+    '--focus-ts-tablet'?: csstype.Property.TextShadow | undefined;
+    '--ts-mobile'?: csstype.Property.TextShadow | undefined;
+    '--hvr-ts-mobile'?: csstype.Property.TextShadow | undefined;
+    '--focus-ts-mobile'?: csstype.Property.TextShadow | undefined;
+    '--tt'?: csstype.Property.TextTransform | undefined;
+    '--hvr-tt'?: csstype.Property.TextTransform | undefined;
+    '--focus-tt'?: csstype.Property.TextTransform | undefined;
+    '--tt-tablet'?: csstype.Property.TextTransform | undefined;
+    '--hvr-tt-tablet'?: csstype.Property.TextTransform | undefined;
+    '--focus-tt-tablet'?: csstype.Property.TextTransform | undefined;
+    '--tt-mobile'?: csstype.Property.TextTransform | undefined;
+    '--hvr-tt-mobile'?: csstype.Property.TextTransform | undefined;
+    '--focus-tt-mobile'?: csstype.Property.TextTransform | undefined;
+    '--top'?: csstype.Property.Top<string | number> | undefined;
+    '--hvr-top'?: csstype.Property.Top<string | number> | undefined;
+    '--focus-top'?: csstype.Property.Top<string | number> | undefined;
+    '--top-tablet'?: csstype.Property.Top<string | number> | undefined;
+    '--hvr-top-tablet'?: csstype.Property.Top<string | number> | undefined;
+    '--focus-top-tablet'?: csstype.Property.Top<string | number> | undefined;
+    '--top-mobile'?: csstype.Property.Top<string | number> | undefined;
+    '--hvr-top-mobile'?: csstype.Property.Top<string | number> | undefined;
+    '--focus-top-mobile'?: csstype.Property.Top<string | number> | undefined;
+    '--t'?: csstype.Property.Transform | undefined;
+    '--hvr-t'?: csstype.Property.Transform | undefined;
+    '--focus-t'?: csstype.Property.Transform | undefined;
+    '--t-tablet'?: csstype.Property.Transform | undefined;
+    '--hvr-t-tablet'?: csstype.Property.Transform | undefined;
+    '--focus-t-tablet'?: csstype.Property.Transform | undefined;
+    '--t-mobile'?: csstype.Property.Transform | undefined;
+    '--hvr-t-mobile'?: csstype.Property.Transform | undefined;
+    '--focus-t-mobile'?: csstype.Property.Transform | undefined;
+    '--v'?: csstype.Property.Visibility | undefined;
+    '--hvr-v'?: csstype.Property.Visibility | undefined;
+    '--focus-v'?: csstype.Property.Visibility | undefined;
+    '--v-tablet'?: csstype.Property.Visibility | undefined;
+    '--hvr-v-tablet'?: csstype.Property.Visibility | undefined;
+    '--focus-v-tablet'?: csstype.Property.Visibility | undefined;
+    '--v-mobile'?: csstype.Property.Visibility | undefined;
+    '--hvr-v-mobile'?: csstype.Property.Visibility | undefined;
+    '--focus-v-mobile'?: csstype.Property.Visibility | undefined;
+    '--w'?: csstype.Property.Width<string | number> | undefined;
+    '--hvr-w'?: csstype.Property.Width<string | number> | undefined;
+    '--focus-w'?: csstype.Property.Width<string | number> | undefined;
+    '--w-tablet'?: csstype.Property.Width<string | number> | undefined;
+    '--hvr-w-tablet'?: csstype.Property.Width<string | number> | undefined;
+    '--focus-w-tablet'?: csstype.Property.Width<string | number> | undefined;
+    '--w-mobile'?: csstype.Property.Width<string | number> | undefined;
+    '--hvr-w-mobile'?: csstype.Property.Width<string | number> | undefined;
+    '--focus-w-mobile'?: csstype.Property.Width<string | number> | undefined;
+    '--z'?: csstype.Property.ZIndex | undefined;
+    '--hvr-z'?: csstype.Property.ZIndex | undefined;
+    '--focus-z'?: csstype.Property.ZIndex | undefined;
+    '--z-tablet'?: csstype.Property.ZIndex | undefined;
+    '--hvr-z-tablet'?: csstype.Property.ZIndex | undefined;
+    '--focus-z-tablet'?: csstype.Property.ZIndex | undefined;
+    '--z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
+    '--wm'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm'?: csstype.Property.WritingMode | undefined;
+    '--wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
+    '--wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
+    accentColor?: csstype.Property.AccentColor | undefined;
+    alignContent?: csstype.Property.AlignContent | undefined;
+    alignItems?: csstype.Property.AlignItems | undefined;
+    alignSelf?: csstype.Property.AlignSelf | undefined;
+    alignTracks?: csstype.Property.AlignTracks | undefined;
+    animationComposition?: csstype.Property.AnimationComposition | undefined;
+    animationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    animationDirection?: csstype.Property.AnimationDirection | undefined;
+    animationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    animationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    animationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    animationName?: csstype.Property.AnimationName | undefined;
+    animationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    animationTimeline?: csstype.Property.AnimationTimeline | undefined;
+    animationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    appearance?: csstype.Property.Appearance | undefined;
+    aspectRatio?: csstype.Property.AspectRatio | undefined;
+    backdropFilter?: csstype.Property.BackdropFilter | undefined;
+    backfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+    backgroundAttachment?: csstype.Property.BackgroundAttachment | undefined;
+    backgroundBlendMode?: csstype.Property.BackgroundBlendMode | undefined;
+    backgroundClip?: csstype.Property.BackgroundClip | undefined;
+    backgroundColor?: csstype.Property.BackgroundColor | undefined;
+    backgroundImage?: csstype.Property.BackgroundImage | undefined;
+    backgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+    backgroundPositionX?: csstype.Property.BackgroundPositionX<string | number> | undefined;
+    backgroundPositionY?: csstype.Property.BackgroundPositionY<string | number> | undefined;
+    backgroundRepeat?: csstype.Property.BackgroundRepeat | undefined;
+    backgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    blockOverflow?: csstype.Property.BlockOverflow | undefined;
+    blockSize?: csstype.Property.BlockSize<string | number> | undefined;
+    borderBlockColor?: csstype.Property.BorderBlockColor | undefined;
+    borderBlockEndColor?: csstype.Property.BorderBlockEndColor | undefined;
+    borderBlockEndStyle?: csstype.Property.BorderBlockEndStyle | undefined;
+    borderBlockEndWidth?: csstype.Property.BorderBlockEndWidth<string | number> | undefined;
+    borderBlockStartColor?: csstype.Property.BorderBlockStartColor | undefined;
+    borderBlockStartStyle?: csstype.Property.BorderBlockStartStyle | undefined;
+    borderBlockStartWidth?: csstype.Property.BorderBlockStartWidth<string | number> | undefined;
+    borderBlockStyle?: csstype.Property.BorderBlockStyle | undefined;
+    borderBlockWidth?: csstype.Property.BorderBlockWidth<string | number> | undefined;
+    borderBottomColor?: csstype.Property.BorderBottomColor | undefined;
+    borderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    borderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    borderBottomStyle?: csstype.Property.BorderBottomStyle | undefined;
+    borderBottomWidth?: csstype.Property.BorderBottomWidth<string | number> | undefined;
+    borderCollapse?: csstype.Property.BorderCollapse | undefined;
+    borderEndEndRadius?: csstype.Property.BorderEndEndRadius<string | number> | undefined;
+    borderEndStartRadius?: csstype.Property.BorderEndStartRadius<string | number> | undefined;
+    borderImageOutset?: csstype.Property.BorderImageOutset<string | number> | undefined;
+    borderImageRepeat?: csstype.Property.BorderImageRepeat | undefined;
+    borderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+    borderImageSource?: csstype.Property.BorderImageSource | undefined;
+    borderImageWidth?: csstype.Property.BorderImageWidth<string | number> | undefined;
+    borderInlineColor?: csstype.Property.BorderInlineColor | undefined;
+    borderInlineEndColor?: csstype.Property.BorderInlineEndColor | undefined;
+    borderInlineEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
+    borderInlineEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
+    borderInlineStartColor?: csstype.Property.BorderInlineStartColor | undefined;
+    borderInlineStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
+    borderInlineStartWidth?: csstype.Property.BorderInlineStartWidth<string | number> | undefined;
+    borderInlineStyle?: csstype.Property.BorderInlineStyle | undefined;
+    borderInlineWidth?: csstype.Property.BorderInlineWidth<string | number> | undefined;
+    borderLeftColor?: csstype.Property.BorderLeftColor | undefined;
+    borderLeftStyle?: csstype.Property.BorderLeftStyle | undefined;
+    borderLeftWidth?: csstype.Property.BorderLeftWidth<string | number> | undefined;
+    borderRightColor?: csstype.Property.BorderRightColor | undefined;
+    borderRightStyle?: csstype.Property.BorderRightStyle | undefined;
+    borderRightWidth?: csstype.Property.BorderRightWidth<string | number> | undefined;
+    borderSpacing?: csstype.Property.BorderSpacing<string | number> | undefined;
+    borderStartEndRadius?: csstype.Property.BorderStartEndRadius<string | number> | undefined;
+    borderStartStartRadius?: csstype.Property.BorderStartStartRadius<string | number> | undefined;
+    borderTopColor?: csstype.Property.BorderTopColor | undefined;
+    borderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    borderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    borderTopStyle?: csstype.Property.BorderTopStyle | undefined;
+    borderTopWidth?: csstype.Property.BorderTopWidth<string | number> | undefined;
+    bottom?: csstype.Property.Bottom<string | number> | undefined;
+    boxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+    boxShadow?: csstype.Property.BoxShadow | undefined;
+    boxSizing?: csstype.Property.BoxSizing | undefined;
+    breakAfter?: csstype.Property.BreakAfter | undefined;
+    breakBefore?: csstype.Property.BreakBefore | undefined;
+    breakInside?: csstype.Property.BreakInside | undefined;
+    captionSide?: csstype.Property.CaptionSide | undefined;
+    caretColor?: csstype.Property.CaretColor | undefined;
+    caretShape?: csstype.Property.CaretShape | undefined;
+    clear?: csstype.Property.Clear | undefined;
+    clipPath?: csstype.Property.ClipPath | undefined;
+    color?: csstype.Property.Color | undefined;
+    colorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    colorScheme?: csstype.Property.ColorScheme | undefined;
+    columnCount?: csstype.Property.ColumnCount | undefined;
+    columnFill?: csstype.Property.ColumnFill | undefined;
+    columnGap?: csstype.Property.ColumnGap<string | number> | undefined;
+    columnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    columnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    columnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+    columnSpan?: csstype.Property.ColumnSpan | undefined;
+    columnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    contain?: csstype.Property.Contain | undefined;
+    containIntrinsicBlockSize?: csstype.Property.ContainIntrinsicBlockSize<string | number> | undefined;
+    containIntrinsicHeight?: csstype.Property.ContainIntrinsicHeight<string | number> | undefined;
+    containIntrinsicInlineSize?: csstype.Property.ContainIntrinsicInlineSize<string | number> | undefined;
+    containIntrinsicWidth?: csstype.Property.ContainIntrinsicWidth<string | number> | undefined;
+    containerName?: csstype.Property.ContainerName | undefined;
+    containerType?: csstype.Property.ContainerType | undefined;
+    content?: csstype.Property.Content | undefined;
+    contentVisibility?: csstype.Property.ContentVisibility | undefined;
+    counterIncrement?: csstype.Property.CounterIncrement | undefined;
+    counterReset?: csstype.Property.CounterReset | undefined;
+    counterSet?: csstype.Property.CounterSet | undefined;
+    cursor?: csstype.Property.Cursor | undefined;
+    direction?: csstype.Property.Direction | undefined;
+    display?: csstype.Property.Display | undefined;
+    emptyCells?: csstype.Property.EmptyCells | undefined;
+    filter?: csstype.Property.Filter | undefined;
+    flexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
+    flexDirection?: csstype.Property.FlexDirection | undefined;
+    flexGrow?: csstype.Property.FlexGrow | undefined;
+    flexShrink?: csstype.Property.FlexShrink | undefined;
+    flexWrap?: csstype.Property.FlexWrap | undefined;
+    float?: csstype.Property.Float | undefined;
+    fontFamily?: csstype.Property.FontFamily | undefined;
+    fontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+    fontKerning?: csstype.Property.FontKerning | undefined;
+    fontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
+    fontOpticalSizing?: csstype.Property.FontOpticalSizing | undefined;
+    fontPalette?: csstype.Property.FontPalette | undefined;
+    fontSize?: csstype.Property.FontSize<string | number> | undefined;
+    fontSizeAdjust?: csstype.Property.FontSizeAdjust | undefined;
+    fontSmooth?: csstype.Property.FontSmooth<string | number> | undefined;
+    fontStretch?: csstype.Property.FontStretch | undefined;
+    fontStyle?: csstype.Property.FontStyle | undefined;
+    fontSynthesis?: csstype.Property.FontSynthesis | undefined;
+    fontVariant?: csstype.Property.FontVariant | undefined;
+    fontVariantAlternates?: csstype.Property.FontVariantAlternates | undefined;
+    fontVariantCaps?: csstype.Property.FontVariantCaps | undefined;
+    fontVariantEastAsian?: csstype.Property.FontVariantEastAsian | undefined;
+    fontVariantEmoji?: csstype.Property.FontVariantEmoji | undefined;
+    fontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
+    fontVariantNumeric?: csstype.Property.FontVariantNumeric | undefined;
+    fontVariantPosition?: csstype.Property.FontVariantPosition | undefined;
+    fontVariationSettings?: csstype.Property.FontVariationSettings | undefined;
+    fontWeight?: csstype.Property.FontWeight | undefined;
+    forcedColorAdjust?: csstype.Property.ForcedColorAdjust | undefined;
+    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | undefined;
+    gridAutoFlow?: csstype.Property.GridAutoFlow | undefined;
+    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | undefined;
+    gridColumnEnd?: csstype.Property.GridColumnEnd | undefined;
+    gridColumnStart?: csstype.Property.GridColumnStart | undefined;
+    gridRowEnd?: csstype.Property.GridRowEnd | undefined;
+    gridRowStart?: csstype.Property.GridRowStart | undefined;
+    gridTemplateAreas?: csstype.Property.GridTemplateAreas | undefined;
+    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    hangingPunctuation?: csstype.Property.HangingPunctuation | undefined;
+    height?: csstype.Property.Height<string | number> | undefined;
+    hyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
+    hyphenateLimitChars?: csstype.Property.HyphenateLimitChars | undefined;
+    hyphens?: csstype.Property.Hyphens | undefined;
+    imageOrientation?: csstype.Property.ImageOrientation | undefined;
+    imageRendering?: csstype.Property.ImageRendering | undefined;
+    imageResolution?: csstype.Property.ImageResolution | undefined;
+    initialLetter?: csstype.Property.InitialLetter | undefined;
+    inlineSize?: csstype.Property.InlineSize<string | number> | undefined;
+    inputSecurity?: csstype.Property.InputSecurity | undefined;
+    insetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
+    insetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
+    insetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
+    insetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
+    isolation?: csstype.Property.Isolation | undefined;
+    justifyContent?: csstype.Property.JustifyContent | undefined;
+    justifyItems?: csstype.Property.JustifyItems | undefined;
+    justifySelf?: csstype.Property.JustifySelf | undefined;
+    justifyTracks?: csstype.Property.JustifyTracks | undefined;
+    left?: csstype.Property.Left<string | number> | undefined;
+    letterSpacing?: csstype.Property.LetterSpacing<string | number> | undefined;
+    lineBreak?: csstype.Property.LineBreak | undefined;
+    lineHeight?: csstype.Property.LineHeight<string | number> | undefined;
+    lineHeightStep?: csstype.Property.LineHeightStep<string | number> | undefined;
+    listStyleImage?: csstype.Property.ListStyleImage | undefined;
+    listStylePosition?: csstype.Property.ListStylePosition | undefined;
+    listStyleType?: csstype.Property.ListStyleType | undefined;
+    marginBlockEnd?: csstype.Property.MarginBlockEnd<string | number> | undefined;
+    marginBlockStart?: csstype.Property.MarginBlockStart<string | number> | undefined;
+    marginBottom?: csstype.Property.MarginBottom<string | number> | undefined;
+    marginInlineEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+    marginInlineStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+    marginLeft?: csstype.Property.MarginLeft<string | number> | undefined;
+    marginRight?: csstype.Property.MarginRight<string | number> | undefined;
+    marginTop?: csstype.Property.MarginTop<string | number> | undefined;
+    marginTrim?: csstype.Property.MarginTrim | undefined;
+    maskBorderMode?: csstype.Property.MaskBorderMode | undefined;
+    maskBorderOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
+    maskBorderRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+    maskBorderSlice?: csstype.Property.MaskBorderSlice | undefined;
+    maskBorderSource?: csstype.Property.MaskBorderSource | undefined;
+    maskBorderWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
+    maskClip?: csstype.Property.MaskClip | undefined;
+    maskComposite?: csstype.Property.MaskComposite | undefined;
+    maskImage?: csstype.Property.MaskImage | undefined;
+    maskMode?: csstype.Property.MaskMode | undefined;
+    maskOrigin?: csstype.Property.MaskOrigin | undefined;
+    maskPosition?: csstype.Property.MaskPosition<string | number> | undefined;
+    maskRepeat?: csstype.Property.MaskRepeat | undefined;
+    maskSize?: csstype.Property.MaskSize<string | number> | undefined;
+    maskType?: csstype.Property.MaskType | undefined;
+    mathDepth?: csstype.Property.MathDepth | undefined;
+    mathShift?: csstype.Property.MathShift | undefined;
+    mathStyle?: csstype.Property.MathStyle | undefined;
+    maxBlockSize?: csstype.Property.MaxBlockSize<string | number> | undefined;
+    maxHeight?: csstype.Property.MaxHeight<string | number> | undefined;
+    maxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
+    maxLines?: csstype.Property.MaxLines | undefined;
+    maxWidth?: csstype.Property.MaxWidth<string | number> | undefined;
+    minBlockSize?: csstype.Property.MinBlockSize<string | number> | undefined;
+    minHeight?: csstype.Property.MinHeight<string | number> | undefined;
+    minInlineSize?: csstype.Property.MinInlineSize<string | number> | undefined;
+    minWidth?: csstype.Property.MinWidth<string | number> | undefined;
+    mixBlendMode?: csstype.Property.MixBlendMode | undefined;
+    motionDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
+    motionPath?: csstype.Property.OffsetPath | undefined;
+    motionRotation?: csstype.Property.OffsetRotate | undefined;
+    objectFit?: csstype.Property.ObjectFit | undefined;
+    objectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
+    offsetAnchor?: csstype.Property.OffsetAnchor<string | number> | undefined;
+    offsetDistance?: csstype.Property.OffsetDistance<string | number> | undefined;
+    offsetPath?: csstype.Property.OffsetPath | undefined;
+    offsetPosition?: csstype.Property.OffsetPosition<string | number> | undefined;
+    offsetRotate?: csstype.Property.OffsetRotate | undefined;
+    offsetRotation?: csstype.Property.OffsetRotate | undefined;
+    opacity?: csstype.Property.Opacity | undefined;
+    order?: csstype.Property.Order | undefined;
+    orphans?: csstype.Property.Orphans | undefined;
+    outlineColor?: csstype.Property.OutlineColor | undefined;
+    outlineOffset?: csstype.Property.OutlineOffset<string | number> | undefined;
+    outlineStyle?: csstype.Property.OutlineStyle | undefined;
+    outlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
+    overflowAnchor?: csstype.Property.OverflowAnchor | undefined;
+    overflowBlock?: csstype.Property.OverflowBlock | undefined;
+    overflowClipBox?: csstype.Property.OverflowClipBox | undefined;
+    overflowClipMargin?: csstype.Property.OverflowClipMargin<string | number> | undefined;
+    overflowInline?: csstype.Property.OverflowInline | undefined;
+    overflowWrap?: csstype.Property.OverflowWrap | undefined;
+    overflowX?: csstype.Property.OverflowX | undefined;
+    overflowY?: csstype.Property.OverflowY | undefined;
+    overscrollBehaviorBlock?: csstype.Property.OverscrollBehaviorBlock | undefined;
+    overscrollBehaviorInline?: csstype.Property.OverscrollBehaviorInline | undefined;
+    overscrollBehaviorX?: csstype.Property.OverscrollBehaviorX | undefined;
+    overscrollBehaviorY?: csstype.Property.OverscrollBehaviorY | undefined;
+    paddingBlockEnd?: csstype.Property.PaddingBlockEnd<string | number> | undefined;
+    paddingBlockStart?: csstype.Property.PaddingBlockStart<string | number> | undefined;
+    paddingBottom?: csstype.Property.PaddingBottom<string | number> | undefined;
+    paddingInlineEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+    paddingInlineStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+    paddingLeft?: csstype.Property.PaddingLeft<string | number> | undefined;
+    paddingRight?: csstype.Property.PaddingRight<string | number> | undefined;
+    paddingTop?: csstype.Property.PaddingTop<string | number> | undefined;
+    page?: csstype.Property.Page | undefined;
+    pageBreakAfter?: csstype.Property.PageBreakAfter | undefined;
+    pageBreakBefore?: csstype.Property.PageBreakBefore | undefined;
+    pageBreakInside?: csstype.Property.PageBreakInside | undefined;
+    paintOrder?: csstype.Property.PaintOrder | undefined;
+    perspective?: csstype.Property.Perspective<string | number> | undefined;
+    perspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | undefined;
+    position?: csstype.Property.Position | undefined;
+    printColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    quotes?: csstype.Property.Quotes | undefined;
+    resize?: csstype.Property.Resize | undefined;
+    right?: csstype.Property.Right<string | number> | undefined;
+    rotate?: csstype.Property.Rotate | undefined;
+    rowGap?: csstype.Property.RowGap<string | number> | undefined;
+    rubyAlign?: csstype.Property.RubyAlign | undefined;
+    rubyMerge?: csstype.Property.RubyMerge | undefined;
+    rubyPosition?: csstype.Property.RubyPosition | undefined;
+    scale?: csstype.Property.Scale | undefined;
+    scrollBehavior?: csstype.Property.ScrollBehavior | undefined;
+    scrollMarginBlockEnd?: csstype.Property.ScrollMarginBlockEnd<string | number> | undefined;
+    scrollMarginBlockStart?: csstype.Property.ScrollMarginBlockStart<string | number> | undefined;
+    scrollMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
+    scrollMarginInlineEnd?: csstype.Property.ScrollMarginInlineEnd<string | number> | undefined;
+    scrollMarginInlineStart?: csstype.Property.ScrollMarginInlineStart<string | number> | undefined;
+    scrollMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
+    scrollMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
+    scrollMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
+    scrollPaddingBlockEnd?: csstype.Property.ScrollPaddingBlockEnd<string | number> | undefined;
+    scrollPaddingBlockStart?: csstype.Property.ScrollPaddingBlockStart<string | number> | undefined;
+    scrollPaddingBottom?: csstype.Property.ScrollPaddingBottom<string | number> | undefined;
+    scrollPaddingInlineEnd?: csstype.Property.ScrollPaddingInlineEnd<string | number> | undefined;
+    scrollPaddingInlineStart?: csstype.Property.ScrollPaddingInlineStart<string | number> | undefined;
+    scrollPaddingLeft?: csstype.Property.ScrollPaddingLeft<string | number> | undefined;
+    scrollPaddingRight?: csstype.Property.ScrollPaddingRight<string | number> | undefined;
+    scrollPaddingTop?: csstype.Property.ScrollPaddingTop<string | number> | undefined;
+    scrollSnapAlign?: csstype.Property.ScrollSnapAlign | undefined;
+    scrollSnapMarginBottom?: csstype.Property.ScrollMarginBottom<string | number> | undefined;
+    scrollSnapMarginLeft?: csstype.Property.ScrollMarginLeft<string | number> | undefined;
+    scrollSnapMarginRight?: csstype.Property.ScrollMarginRight<string | number> | undefined;
+    scrollSnapMarginTop?: csstype.Property.ScrollMarginTop<string | number> | undefined;
+    scrollSnapStop?: csstype.Property.ScrollSnapStop | undefined;
+    scrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+    scrollTimelineAxis?: csstype.Property.ScrollTimelineAxis | undefined;
+    scrollTimelineName?: csstype.Property.ScrollTimelineName | undefined;
+    scrollbarColor?: csstype.Property.ScrollbarColor | undefined;
+    scrollbarGutter?: csstype.Property.ScrollbarGutter | undefined;
+    scrollbarWidth?: csstype.Property.ScrollbarWidth | undefined;
+    shapeImageThreshold?: csstype.Property.ShapeImageThreshold | undefined;
+    shapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
+    shapeOutside?: csstype.Property.ShapeOutside | undefined;
+    tabSize?: csstype.Property.TabSize<string | number> | undefined;
+    tableLayout?: csstype.Property.TableLayout | undefined;
+    textAlign?: csstype.Property.TextAlign | undefined;
+    textAlignLast?: csstype.Property.TextAlignLast | undefined;
+    textCombineUpright?: csstype.Property.TextCombineUpright | undefined;
+    textDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+    textDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+    textDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
+    textDecorationSkipInk?: csstype.Property.TextDecorationSkipInk | undefined;
+    textDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+    textDecorationThickness?: csstype.Property.TextDecorationThickness<string | number> | undefined;
+    textEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+    textEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+    textEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+    textIndent?: csstype.Property.TextIndent<string | number> | undefined;
+    textJustify?: csstype.Property.TextJustify | undefined;
+    textOrientation?: csstype.Property.TextOrientation | undefined;
+    textOverflow?: csstype.Property.TextOverflow | undefined;
+    textRendering?: csstype.Property.TextRendering | undefined;
+    textShadow?: csstype.Property.TextShadow | undefined;
+    textSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    textTransform?: csstype.Property.TextTransform | undefined;
+    textUnderlineOffset?: csstype.Property.TextUnderlineOffset<string | number> | undefined;
+    textUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+    top?: csstype.Property.Top<string | number> | undefined;
+    touchAction?: csstype.Property.TouchAction | undefined;
+    transform?: csstype.Property.Transform | undefined;
+    transformBox?: csstype.Property.TransformBox | undefined;
+    transformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    transformStyle?: csstype.Property.TransformStyle | undefined;
+    transitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    transitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    transitionProperty?: csstype.Property.TransitionProperty | undefined;
+    transitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    translate?: csstype.Property.Translate<string | number> | undefined;
+    unicodeBidi?: csstype.Property.UnicodeBidi | undefined;
+    userSelect?: csstype.Property.UserSelect | undefined;
+    verticalAlign?: csstype.Property.VerticalAlign<string | number> | undefined;
+    viewTransitionName?: csstype.Property.ViewTransitionName | undefined;
+    visibility?: csstype.Property.Visibility | undefined;
+    whiteSpace?: csstype.Property.WhiteSpace | undefined;
+    widows?: csstype.Property.Widows | undefined;
+    width?: csstype.Property.Width<string | number> | undefined;
+    willChange?: csstype.Property.WillChange | undefined;
+    wordBreak?: csstype.Property.WordBreak | undefined;
+    wordSpacing?: csstype.Property.WordSpacing<string | number> | undefined;
+    wordWrap?: csstype.Property.WordWrap | undefined;
+    writingMode?: csstype.Property.WritingMode | undefined;
+    zIndex?: csstype.Property.ZIndex | undefined;
+    zoom?: csstype.Property.Zoom | undefined;
+    all?: csstype.Globals | undefined;
+    animation?: csstype.Property.Animation<string & {}> | undefined;
+    background?: csstype.Property.Background<string | number> | undefined;
+    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | undefined;
+    border?: csstype.Property.Border<string | number> | undefined;
+    borderBlock?: csstype.Property.BorderBlock<string | number> | undefined;
+    borderBlockEnd?: csstype.Property.BorderBlockEnd<string | number> | undefined;
+    borderBlockStart?: csstype.Property.BorderBlockStart<string | number> | undefined;
+    borderBottom?: csstype.Property.BorderBottom<string | number> | undefined;
+    borderColor?: csstype.Property.BorderColor | undefined;
+    borderImage?: csstype.Property.BorderImage | undefined;
+    borderInline?: csstype.Property.BorderInline<string | number> | undefined;
+    borderInlineEnd?: csstype.Property.BorderInlineEnd<string | number> | undefined;
+    borderInlineStart?: csstype.Property.BorderInlineStart<string | number> | undefined;
+    borderLeft?: csstype.Property.BorderLeft<string | number> | undefined;
+    borderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+    borderRight?: csstype.Property.BorderRight<string | number> | undefined;
+    borderStyle?: csstype.Property.BorderStyle | undefined;
+    borderTop?: csstype.Property.BorderTop<string | number> | undefined;
+    borderWidth?: csstype.Property.BorderWidth<string | number> | undefined;
+    caret?: csstype.Property.Caret | undefined;
+    columnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+    columns?: csstype.Property.Columns<string | number> | undefined;
+    containIntrinsicSize?: csstype.Property.ContainIntrinsicSize<string | number> | undefined;
+    container?: csstype.Property.Container | undefined;
+    flex?: csstype.Property.Flex<string | number> | undefined;
+    flexFlow?: csstype.Property.FlexFlow | undefined;
+    font?: csstype.Property.Font | undefined;
+    gap?: csstype.Property.Gap<string | number> | undefined;
+    grid?: csstype.Property.Grid | undefined;
+    gridArea?: csstype.Property.GridArea | undefined;
+    gridColumn?: csstype.Property.GridColumn | undefined;
+    gridRow?: csstype.Property.GridRow | undefined;
+    gridTemplate?: csstype.Property.GridTemplate | undefined;
+    inset?: csstype.Property.Inset<string | number> | undefined;
+    insetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
+    insetInline?: csstype.Property.InsetInline<string | number> | undefined;
+    lineClamp?: csstype.Property.LineClamp | undefined;
+    listStyle?: csstype.Property.ListStyle | undefined;
+    margin?: csstype.Property.Margin<string | number> | undefined;
+    marginBlock?: csstype.Property.MarginBlock<string | number> | undefined;
+    marginInline?: csstype.Property.MarginInline<string | number> | undefined;
+    mask?: csstype.Property.Mask<string | number> | undefined;
+    maskBorder?: csstype.Property.MaskBorder | undefined;
+    motion?: csstype.Property.Offset<string | number> | undefined;
+    offset?: csstype.Property.Offset<string | number> | undefined;
+    outline?: csstype.Property.Outline<string | number> | undefined;
+    overflow?: csstype.Property.Overflow | undefined;
+    overscrollBehavior?: csstype.Property.OverscrollBehavior | undefined;
+    padding?: csstype.Property.Padding<string | number> | undefined;
+    paddingBlock?: csstype.Property.PaddingBlock<string | number> | undefined;
+    paddingInline?: csstype.Property.PaddingInline<string | number> | undefined;
+    placeContent?: csstype.Property.PlaceContent | undefined;
+    placeItems?: csstype.Property.PlaceItems | undefined;
+    placeSelf?: csstype.Property.PlaceSelf | undefined;
+    scrollMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
+    scrollMarginBlock?: csstype.Property.ScrollMarginBlock<string | number> | undefined;
+    scrollMarginInline?: csstype.Property.ScrollMarginInline<string | number> | undefined;
+    scrollPadding?: csstype.Property.ScrollPadding<string | number> | undefined;
+    scrollPaddingBlock?: csstype.Property.ScrollPaddingBlock<string | number> | undefined;
+    scrollPaddingInline?: csstype.Property.ScrollPaddingInline<string | number> | undefined;
+    scrollSnapMargin?: csstype.Property.ScrollMargin<string | number> | undefined;
+    scrollTimeline?: csstype.Property.ScrollTimeline | undefined;
+    textDecoration?: csstype.Property.TextDecoration<string | number> | undefined;
+    textEmphasis?: csstype.Property.TextEmphasis | undefined;
+    transition?: csstype.Property.Transition<string & {}> | undefined;
+    MozAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    MozAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+    MozAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    MozAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    MozAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    MozAnimationName?: csstype.Property.AnimationName | undefined;
+    MozAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    MozAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    MozAppearance?: csstype.Property.MozAppearance | undefined;
+    MozBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+    MozBinding?: csstype.Property.MozBinding | undefined;
+    MozBorderBottomColors?: csstype.Property.MozBorderBottomColors | undefined;
+    MozBorderEndColor?: csstype.Property.BorderInlineEndColor | undefined;
+    MozBorderEndStyle?: csstype.Property.BorderInlineEndStyle | undefined;
+    MozBorderEndWidth?: csstype.Property.BorderInlineEndWidth<string | number> | undefined;
+    MozBorderLeftColors?: csstype.Property.MozBorderLeftColors | undefined;
+    MozBorderRightColors?: csstype.Property.MozBorderRightColors | undefined;
+    MozBorderStartColor?: csstype.Property.BorderInlineStartColor | undefined;
+    MozBorderStartStyle?: csstype.Property.BorderInlineStartStyle | undefined;
+    MozBorderTopColors?: csstype.Property.MozBorderTopColors | undefined;
+    MozBoxSizing?: csstype.Property.BoxSizing | undefined;
+    MozColumnCount?: csstype.Property.ColumnCount | undefined;
+    MozColumnFill?: csstype.Property.ColumnFill | undefined;
+    MozColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    MozColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    MozColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+    MozColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    MozContextProperties?: csstype.Property.MozContextProperties | undefined;
+    MozFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+    MozFontLanguageOverride?: csstype.Property.FontLanguageOverride | undefined;
+    MozHyphens?: csstype.Property.Hyphens | undefined;
+    MozImageRegion?: csstype.Property.MozImageRegion | undefined;
+    MozMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+    MozMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+    MozOrient?: csstype.Property.MozOrient | undefined;
+    MozOsxFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+    MozPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+    MozPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+    MozPerspective?: csstype.Property.Perspective<string | number> | undefined;
+    MozPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+    MozStackSizing?: csstype.Property.MozStackSizing | undefined;
+    MozTabSize?: csstype.Property.TabSize<string | number> | undefined;
+    MozTextBlink?: csstype.Property.MozTextBlink | undefined;
+    MozTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    MozTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    MozTransformStyle?: csstype.Property.TransformStyle | undefined;
+    MozTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    MozTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    MozTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    MozTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    MozUserFocus?: csstype.Property.MozUserFocus | undefined;
+    MozUserModify?: csstype.Property.MozUserModify | undefined;
+    MozUserSelect?: csstype.Property.UserSelect | undefined;
+    MozWindowDragging?: csstype.Property.MozWindowDragging | undefined;
+    MozWindowShadow?: csstype.Property.MozWindowShadow | undefined;
+    msAccelerator?: csstype.Property.MsAccelerator | undefined;
+    msBlockProgression?: csstype.Property.MsBlockProgression | undefined;
+    msContentZoomChaining?: csstype.Property.MsContentZoomChaining | undefined;
+    msContentZoomLimitMax?: csstype.Property.MsContentZoomLimitMax | undefined;
+    msContentZoomLimitMin?: csstype.Property.MsContentZoomLimitMin | undefined;
+    msContentZoomSnapPoints?: csstype.Property.MsContentZoomSnapPoints | undefined;
+    msContentZoomSnapType?: csstype.Property.MsContentZoomSnapType | undefined;
+    msContentZooming?: csstype.Property.MsContentZooming | undefined;
+    msFilter?: csstype.Property.MsFilter | undefined;
+    msFlexDirection?: csstype.Property.FlexDirection | undefined;
+    msFlexPositive?: csstype.Property.FlexGrow | undefined;
+    msFlowFrom?: csstype.Property.MsFlowFrom | undefined;
+    msFlowInto?: csstype.Property.MsFlowInto | undefined;
+    msGridColumns?: csstype.Property.MsGridColumns<string | number> | undefined;
+    msGridRows?: csstype.Property.MsGridRows<string | number> | undefined;
+    msHighContrastAdjust?: csstype.Property.MsHighContrastAdjust | undefined;
+    msHyphenateLimitChars?: csstype.Property.MsHyphenateLimitChars | undefined;
+    msHyphenateLimitLines?: csstype.Property.MsHyphenateLimitLines | undefined;
+    msHyphenateLimitZone?: csstype.Property.MsHyphenateLimitZone<string | number> | undefined;
+    msHyphens?: csstype.Property.Hyphens | undefined;
+    msImeAlign?: csstype.Property.MsImeAlign | undefined;
+    msLineBreak?: csstype.Property.LineBreak | undefined;
+    msOrder?: csstype.Property.Order | undefined;
+    msOverflowStyle?: csstype.Property.MsOverflowStyle | undefined;
+    msOverflowX?: csstype.Property.OverflowX | undefined;
+    msOverflowY?: csstype.Property.OverflowY | undefined;
+    msScrollChaining?: csstype.Property.MsScrollChaining | undefined;
+    msScrollLimitXMax?: csstype.Property.MsScrollLimitXMax<string | number> | undefined;
+    msScrollLimitXMin?: csstype.Property.MsScrollLimitXMin<string | number> | undefined;
+    msScrollLimitYMax?: csstype.Property.MsScrollLimitYMax<string | number> | undefined;
+    msScrollLimitYMin?: csstype.Property.MsScrollLimitYMin<string | number> | undefined;
+    msScrollRails?: csstype.Property.MsScrollRails | undefined;
+    msScrollSnapPointsX?: csstype.Property.MsScrollSnapPointsX | undefined;
+    msScrollSnapPointsY?: csstype.Property.MsScrollSnapPointsY | undefined;
+    msScrollSnapType?: csstype.Property.MsScrollSnapType | undefined;
+    msScrollTranslation?: csstype.Property.MsScrollTranslation | undefined;
+    msScrollbar3dlightColor?: csstype.Property.MsScrollbar3dlightColor | undefined;
+    msScrollbarArrowColor?: csstype.Property.MsScrollbarArrowColor | undefined;
+    msScrollbarBaseColor?: csstype.Property.MsScrollbarBaseColor | undefined;
+    msScrollbarDarkshadowColor?: csstype.Property.MsScrollbarDarkshadowColor | undefined;
+    msScrollbarFaceColor?: csstype.Property.MsScrollbarFaceColor | undefined;
+    msScrollbarHighlightColor?: csstype.Property.MsScrollbarHighlightColor | undefined;
+    msScrollbarShadowColor?: csstype.Property.MsScrollbarShadowColor | undefined;
+    msScrollbarTrackColor?: csstype.Property.MsScrollbarTrackColor | undefined;
+    msTextAutospace?: csstype.Property.MsTextAutospace | undefined;
+    msTextCombineHorizontal?: csstype.Property.TextCombineUpright | undefined;
+    msTextOverflow?: csstype.Property.TextOverflow | undefined;
+    msTouchAction?: csstype.Property.TouchAction | undefined;
+    msTouchSelect?: csstype.Property.MsTouchSelect | undefined;
+    msTransform?: csstype.Property.Transform | undefined;
+    msTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    msTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    msTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    msTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    msTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    msUserSelect?: csstype.Property.MsUserSelect | undefined;
+    msWordBreak?: csstype.Property.WordBreak | undefined;
+    msWrapFlow?: csstype.Property.MsWrapFlow | undefined;
+    msWrapMargin?: csstype.Property.MsWrapMargin<string | number> | undefined;
+    msWrapThrough?: csstype.Property.MsWrapThrough | undefined;
+    msWritingMode?: csstype.Property.WritingMode | undefined;
+    WebkitAlignContent?: csstype.Property.AlignContent | undefined;
+    WebkitAlignItems?: csstype.Property.AlignItems | undefined;
+    WebkitAlignSelf?: csstype.Property.AlignSelf | undefined;
+    WebkitAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    WebkitAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+    WebkitAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    WebkitAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    WebkitAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    WebkitAnimationName?: csstype.Property.AnimationName | undefined;
+    WebkitAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    WebkitAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    WebkitAppearance?: csstype.Property.WebkitAppearance | undefined;
+    WebkitBackdropFilter?: csstype.Property.BackdropFilter | undefined;
+    WebkitBackfaceVisibility?: csstype.Property.BackfaceVisibility | undefined;
+    WebkitBackgroundClip?: csstype.Property.BackgroundClip | undefined;
+    WebkitBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+    WebkitBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    WebkitBorderBeforeColor?: csstype.Property.WebkitBorderBeforeColor | undefined;
+    WebkitBorderBeforeStyle?: csstype.Property.WebkitBorderBeforeStyle | undefined;
+    WebkitBorderBeforeWidth?: csstype.Property.WebkitBorderBeforeWidth<string | number> | undefined;
+    WebkitBorderBottomLeftRadius?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    WebkitBorderBottomRightRadius?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    WebkitBorderImageSlice?: csstype.Property.BorderImageSlice | undefined;
+    WebkitBorderTopLeftRadius?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    WebkitBorderTopRightRadius?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    WebkitBoxDecorationBreak?: csstype.Property.BoxDecorationBreak | undefined;
+    WebkitBoxReflect?: csstype.Property.WebkitBoxReflect<string | number> | undefined;
+    WebkitBoxShadow?: csstype.Property.BoxShadow | undefined;
+    WebkitBoxSizing?: csstype.Property.BoxSizing | undefined;
+    WebkitClipPath?: csstype.Property.ClipPath | undefined;
+    WebkitColumnCount?: csstype.Property.ColumnCount | undefined;
+    WebkitColumnFill?: csstype.Property.ColumnFill | undefined;
+    WebkitColumnRuleColor?: csstype.Property.ColumnRuleColor | undefined;
+    WebkitColumnRuleStyle?: csstype.Property.ColumnRuleStyle | undefined;
+    WebkitColumnRuleWidth?: csstype.Property.ColumnRuleWidth<string | number> | undefined;
+    WebkitColumnSpan?: csstype.Property.ColumnSpan | undefined;
+    WebkitColumnWidth?: csstype.Property.ColumnWidth<string | number> | undefined;
+    WebkitFilter?: csstype.Property.Filter | undefined;
+    WebkitFlexBasis?: csstype.Property.FlexBasis<string | number> | undefined;
+    WebkitFlexDirection?: csstype.Property.FlexDirection | undefined;
+    WebkitFlexGrow?: csstype.Property.FlexGrow | undefined;
+    WebkitFlexShrink?: csstype.Property.FlexShrink | undefined;
+    WebkitFlexWrap?: csstype.Property.FlexWrap | undefined;
+    WebkitFontFeatureSettings?: csstype.Property.FontFeatureSettings | undefined;
+    WebkitFontKerning?: csstype.Property.FontKerning | undefined;
+    WebkitFontSmoothing?: csstype.Property.FontSmooth<string | number> | undefined;
+    WebkitFontVariantLigatures?: csstype.Property.FontVariantLigatures | undefined;
+    WebkitHyphenateCharacter?: csstype.Property.HyphenateCharacter | undefined;
+    WebkitHyphens?: csstype.Property.Hyphens | undefined;
+    WebkitInitialLetter?: csstype.Property.InitialLetter | undefined;
+    WebkitJustifyContent?: csstype.Property.JustifyContent | undefined;
+    WebkitLineBreak?: csstype.Property.LineBreak | undefined;
+    WebkitLineClamp?: csstype.Property.WebkitLineClamp | undefined;
+    WebkitMarginEnd?: csstype.Property.MarginInlineEnd<string | number> | undefined;
+    WebkitMarginStart?: csstype.Property.MarginInlineStart<string | number> | undefined;
+    WebkitMaskAttachment?: csstype.Property.WebkitMaskAttachment | undefined;
+    WebkitMaskBoxImageOutset?: csstype.Property.MaskBorderOutset<string | number> | undefined;
+    WebkitMaskBoxImageRepeat?: csstype.Property.MaskBorderRepeat | undefined;
+    WebkitMaskBoxImageSlice?: csstype.Property.MaskBorderSlice | undefined;
+    WebkitMaskBoxImageSource?: csstype.Property.MaskBorderSource | undefined;
+    WebkitMaskBoxImageWidth?: csstype.Property.MaskBorderWidth<string | number> | undefined;
+    WebkitMaskClip?: csstype.Property.WebkitMaskClip | undefined;
+    WebkitMaskComposite?: csstype.Property.WebkitMaskComposite | undefined;
+    WebkitMaskImage?: csstype.Property.WebkitMaskImage | undefined;
+    WebkitMaskOrigin?: csstype.Property.WebkitMaskOrigin | undefined;
+    WebkitMaskPosition?: csstype.Property.WebkitMaskPosition<string | number> | undefined;
+    WebkitMaskPositionX?: csstype.Property.WebkitMaskPositionX<string | number> | undefined;
+    WebkitMaskPositionY?: csstype.Property.WebkitMaskPositionY<string | number> | undefined;
+    WebkitMaskRepeat?: csstype.Property.WebkitMaskRepeat | undefined;
+    WebkitMaskRepeatX?: csstype.Property.WebkitMaskRepeatX | undefined;
+    WebkitMaskRepeatY?: csstype.Property.WebkitMaskRepeatY | undefined;
+    WebkitMaskSize?: csstype.Property.WebkitMaskSize<string | number> | undefined;
+    WebkitMaxInlineSize?: csstype.Property.MaxInlineSize<string | number> | undefined;
+    WebkitOrder?: csstype.Property.Order | undefined;
+    WebkitOverflowScrolling?: csstype.Property.WebkitOverflowScrolling | undefined;
+    WebkitPaddingEnd?: csstype.Property.PaddingInlineEnd<string | number> | undefined;
+    WebkitPaddingStart?: csstype.Property.PaddingInlineStart<string | number> | undefined;
+    WebkitPerspective?: csstype.Property.Perspective<string | number> | undefined;
+    WebkitPerspectiveOrigin?: csstype.Property.PerspectiveOrigin<string | number> | undefined;
+    WebkitPrintColorAdjust?: csstype.Property.PrintColorAdjust | undefined;
+    WebkitRubyPosition?: csstype.Property.RubyPosition | undefined;
+    WebkitScrollSnapType?: csstype.Property.ScrollSnapType | undefined;
+    WebkitShapeMargin?: csstype.Property.ShapeMargin<string | number> | undefined;
+    WebkitTapHighlightColor?: csstype.Property.WebkitTapHighlightColor | undefined;
+    WebkitTextCombine?: csstype.Property.TextCombineUpright | undefined;
+    WebkitTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+    WebkitTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+    WebkitTextDecorationSkip?: csstype.Property.TextDecorationSkip | undefined;
+    WebkitTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+    WebkitTextEmphasisColor?: csstype.Property.TextEmphasisColor | undefined;
+    WebkitTextEmphasisPosition?: csstype.Property.TextEmphasisPosition | undefined;
+    WebkitTextEmphasisStyle?: csstype.Property.TextEmphasisStyle | undefined;
+    WebkitTextFillColor?: csstype.Property.WebkitTextFillColor | undefined;
+    WebkitTextOrientation?: csstype.Property.TextOrientation | undefined;
+    WebkitTextSizeAdjust?: csstype.Property.TextSizeAdjust | undefined;
+    WebkitTextStrokeColor?: csstype.Property.WebkitTextStrokeColor | undefined;
+    WebkitTextStrokeWidth?: csstype.Property.WebkitTextStrokeWidth<string | number> | undefined;
+    WebkitTextUnderlinePosition?: csstype.Property.TextUnderlinePosition | undefined;
+    WebkitTouchCallout?: csstype.Property.WebkitTouchCallout | undefined;
+    WebkitTransform?: csstype.Property.Transform | undefined;
+    WebkitTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    WebkitTransformStyle?: csstype.Property.TransformStyle | undefined;
+    WebkitTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    WebkitTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    WebkitTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    WebkitTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    WebkitUserModify?: csstype.Property.WebkitUserModify | undefined;
+    WebkitUserSelect?: csstype.Property.UserSelect | undefined;
+    WebkitWritingMode?: csstype.Property.WritingMode | undefined;
+    MozAnimation?: csstype.Property.Animation<string & {}> | undefined;
+    MozBorderImage?: csstype.Property.BorderImage | undefined;
+    MozColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+    MozColumns?: csstype.Property.Columns<string | number> | undefined;
+    MozTransition?: csstype.Property.Transition<string & {}> | undefined;
+    msContentZoomLimit?: csstype.Property.MsContentZoomLimit | undefined;
+    msContentZoomSnap?: csstype.Property.MsContentZoomSnap | undefined;
+    msFlex?: csstype.Property.Flex<string | number> | undefined;
+    msScrollLimit?: csstype.Property.MsScrollLimit | undefined;
+    msScrollSnapX?: csstype.Property.MsScrollSnapX | undefined;
+    msScrollSnapY?: csstype.Property.MsScrollSnapY | undefined;
+    msTransition?: csstype.Property.Transition<string & {}> | undefined;
+    WebkitAnimation?: csstype.Property.Animation<string & {}> | undefined;
+    WebkitBorderBefore?: csstype.Property.WebkitBorderBefore<string | number> | undefined;
+    WebkitBorderImage?: csstype.Property.BorderImage | undefined;
+    WebkitBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+    WebkitColumnRule?: csstype.Property.ColumnRule<string | number> | undefined;
+    WebkitColumns?: csstype.Property.Columns<string | number> | undefined;
+    WebkitFlex?: csstype.Property.Flex<string | number> | undefined;
+    WebkitFlexFlow?: csstype.Property.FlexFlow | undefined;
+    WebkitMask?: csstype.Property.WebkitMask<string | number> | undefined;
+    WebkitMaskBoxImage?: csstype.Property.MaskBorder | undefined;
+    WebkitTextEmphasis?: csstype.Property.TextEmphasis | undefined;
+    WebkitTextStroke?: csstype.Property.WebkitTextStroke<string | number> | undefined;
+    WebkitTransition?: csstype.Property.Transition<string & {}> | undefined;
+    azimuth?: csstype.Property.Azimuth | undefined;
+    boxAlign?: csstype.Property.BoxAlign | undefined;
+    boxDirection?: csstype.Property.BoxDirection | undefined;
+    boxFlex?: csstype.Property.BoxFlex | undefined;
+    boxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+    boxLines?: csstype.Property.BoxLines | undefined;
+    boxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    boxOrient?: csstype.Property.BoxOrient | undefined;
+    boxPack?: csstype.Property.BoxPack | undefined;
+    clip?: csstype.Property.Clip | undefined;
+    gridColumnGap?: csstype.Property.GridColumnGap<string | number> | undefined;
+    gridGap?: csstype.Property.GridGap<string | number> | undefined;
+    gridRowGap?: csstype.Property.GridRowGap<string | number> | undefined;
+    imeMode?: csstype.Property.ImeMode | undefined;
+    offsetBlock?: csstype.Property.InsetBlock<string | number> | undefined;
+    offsetBlockEnd?: csstype.Property.InsetBlockEnd<string | number> | undefined;
+    offsetBlockStart?: csstype.Property.InsetBlockStart<string | number> | undefined;
+    offsetInline?: csstype.Property.InsetInline<string | number> | undefined;
+    offsetInlineEnd?: csstype.Property.InsetInlineEnd<string | number> | undefined;
+    offsetInlineStart?: csstype.Property.InsetInlineStart<string | number> | undefined;
+    scrollSnapCoordinate?: csstype.Property.ScrollSnapCoordinate<string | number> | undefined;
+    scrollSnapDestination?: csstype.Property.ScrollSnapDestination<string | number> | undefined;
+    scrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
+    scrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
+    scrollSnapTypeX?: csstype.Property.ScrollSnapTypeX | undefined;
+    scrollSnapTypeY?: csstype.Property.ScrollSnapTypeY | undefined;
+    KhtmlBoxAlign?: csstype.Property.BoxAlign | undefined;
+    KhtmlBoxDirection?: csstype.Property.BoxDirection | undefined;
+    KhtmlBoxFlex?: csstype.Property.BoxFlex | undefined;
+    KhtmlBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+    KhtmlBoxLines?: csstype.Property.BoxLines | undefined;
+    KhtmlBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    KhtmlBoxOrient?: csstype.Property.BoxOrient | undefined;
+    KhtmlBoxPack?: csstype.Property.BoxPack | undefined;
+    KhtmlLineBreak?: csstype.Property.LineBreak | undefined;
+    KhtmlOpacity?: csstype.Property.Opacity | undefined;
+    KhtmlUserSelect?: csstype.Property.UserSelect | undefined;
+    MozBackgroundClip?: csstype.Property.BackgroundClip | undefined;
+    MozBackgroundInlinePolicy?: csstype.Property.BoxDecorationBreak | undefined;
+    MozBackgroundOrigin?: csstype.Property.BackgroundOrigin | undefined;
+    MozBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    MozBorderRadius?: csstype.Property.BorderRadius<string | number> | undefined;
+    MozBorderRadiusBottomleft?: csstype.Property.BorderBottomLeftRadius<string | number> | undefined;
+    MozBorderRadiusBottomright?: csstype.Property.BorderBottomRightRadius<string | number> | undefined;
+    MozBorderRadiusTopleft?: csstype.Property.BorderTopLeftRadius<string | number> | undefined;
+    MozBorderRadiusTopright?: csstype.Property.BorderTopRightRadius<string | number> | undefined;
+    MozBoxAlign?: csstype.Property.BoxAlign | undefined;
+    MozBoxDirection?: csstype.Property.BoxDirection | undefined;
+    MozBoxFlex?: csstype.Property.BoxFlex | undefined;
+    MozBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    MozBoxOrient?: csstype.Property.BoxOrient | undefined;
+    MozBoxPack?: csstype.Property.BoxPack | undefined;
+    MozBoxShadow?: csstype.Property.BoxShadow | undefined;
+    MozFloatEdge?: csstype.Property.MozFloatEdge | undefined;
+    MozForceBrokenImageIcon?: csstype.Property.MozForceBrokenImageIcon | undefined;
+    MozOpacity?: csstype.Property.Opacity | undefined;
+    MozOutline?: csstype.Property.Outline<string | number> | undefined;
+    MozOutlineColor?: csstype.Property.OutlineColor | undefined;
+    MozOutlineRadius?: csstype.Property.MozOutlineRadius<string | number> | undefined;
+    MozOutlineRadiusBottomleft?: csstype.Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+    MozOutlineRadiusBottomright?: csstype.Property.MozOutlineRadiusBottomright<string | number> | undefined;
+    MozOutlineRadiusTopleft?: csstype.Property.MozOutlineRadiusTopleft<string | number> | undefined;
+    MozOutlineRadiusTopright?: csstype.Property.MozOutlineRadiusTopright<string | number> | undefined;
+    MozOutlineStyle?: csstype.Property.OutlineStyle | undefined;
+    MozOutlineWidth?: csstype.Property.OutlineWidth<string | number> | undefined;
+    MozTextAlignLast?: csstype.Property.TextAlignLast | undefined;
+    MozTextDecorationColor?: csstype.Property.TextDecorationColor | undefined;
+    MozTextDecorationLine?: csstype.Property.TextDecorationLine | undefined;
+    MozTextDecorationStyle?: csstype.Property.TextDecorationStyle | undefined;
+    MozUserInput?: csstype.Property.MozUserInput | undefined;
+    msImeMode?: csstype.Property.ImeMode | undefined;
+    OAnimation?: csstype.Property.Animation<string & {}> | undefined;
+    OAnimationDelay?: csstype.Property.AnimationDelay<string & {}> | undefined;
+    OAnimationDirection?: csstype.Property.AnimationDirection | undefined;
+    OAnimationDuration?: csstype.Property.AnimationDuration<string & {}> | undefined;
+    OAnimationFillMode?: csstype.Property.AnimationFillMode | undefined;
+    OAnimationIterationCount?: csstype.Property.AnimationIterationCount | undefined;
+    OAnimationName?: csstype.Property.AnimationName | undefined;
+    OAnimationPlayState?: csstype.Property.AnimationPlayState | undefined;
+    OAnimationTimingFunction?: csstype.Property.AnimationTimingFunction | undefined;
+    OBackgroundSize?: csstype.Property.BackgroundSize<string | number> | undefined;
+    OBorderImage?: csstype.Property.BorderImage | undefined;
+    OObjectFit?: csstype.Property.ObjectFit | undefined;
+    OObjectPosition?: csstype.Property.ObjectPosition<string | number> | undefined;
+    OTabSize?: csstype.Property.TabSize<string | number> | undefined;
+    OTextOverflow?: csstype.Property.TextOverflow | undefined;
+    OTransform?: csstype.Property.Transform | undefined;
+    OTransformOrigin?: csstype.Property.TransformOrigin<string | number> | undefined;
+    OTransition?: csstype.Property.Transition<string & {}> | undefined;
+    OTransitionDelay?: csstype.Property.TransitionDelay<string & {}> | undefined;
+    OTransitionDuration?: csstype.Property.TransitionDuration<string & {}> | undefined;
+    OTransitionProperty?: csstype.Property.TransitionProperty | undefined;
+    OTransitionTimingFunction?: csstype.Property.TransitionTimingFunction | undefined;
+    WebkitBoxAlign?: csstype.Property.BoxAlign | undefined;
+    WebkitBoxDirection?: csstype.Property.BoxDirection | undefined;
+    WebkitBoxFlex?: csstype.Property.BoxFlex | undefined;
+    WebkitBoxFlexGroup?: csstype.Property.BoxFlexGroup | undefined;
+    WebkitBoxLines?: csstype.Property.BoxLines | undefined;
+    WebkitBoxOrdinalGroup?: csstype.Property.BoxOrdinalGroup | undefined;
+    WebkitBoxOrient?: csstype.Property.BoxOrient | undefined;
+    WebkitBoxPack?: csstype.Property.BoxPack | undefined;
+    WebkitScrollSnapPointsX?: csstype.Property.ScrollSnapPointsX | undefined;
+    WebkitScrollSnapPointsY?: csstype.Property.ScrollSnapPointsY | undefined;
+    alignmentBaseline?: csstype.Property.AlignmentBaseline | undefined;
+    baselineShift?: csstype.Property.BaselineShift<string | number> | undefined;
+    clipRule?: csstype.Property.ClipRule | undefined;
+    colorInterpolation?: csstype.Property.ColorInterpolation | undefined;
+    colorRendering?: csstype.Property.ColorRendering | undefined;
+    dominantBaseline?: csstype.Property.DominantBaseline | undefined;
+    fill?: csstype.Property.Fill | undefined;
+    fillOpacity?: csstype.Property.FillOpacity | undefined;
+    fillRule?: csstype.Property.FillRule | undefined;
+    floodColor?: csstype.Property.FloodColor | undefined;
+    floodOpacity?: csstype.Property.FloodOpacity | undefined;
+    glyphOrientationVertical?: csstype.Property.GlyphOrientationVertical | undefined;
+    lightingColor?: csstype.Property.LightingColor | undefined;
+    marker?: csstype.Property.Marker | undefined;
+    markerEnd?: csstype.Property.MarkerEnd | undefined;
+    markerMid?: csstype.Property.MarkerMid | undefined;
+    markerStart?: csstype.Property.MarkerStart | undefined;
+    shapeRendering?: csstype.Property.ShapeRendering | undefined;
+    stopColor?: csstype.Property.StopColor | undefined;
+    stopOpacity?: csstype.Property.StopOpacity | undefined;
+    stroke?: csstype.Property.Stroke | undefined;
+    strokeDasharray?: csstype.Property.StrokeDasharray<string | number> | undefined;
+    strokeDashoffset?: csstype.Property.StrokeDashoffset<string | number> | undefined;
+    strokeLinecap?: csstype.Property.StrokeLinecap | undefined;
+    strokeLinejoin?: csstype.Property.StrokeLinejoin | undefined;
+    strokeMiterlimit?: csstype.Property.StrokeMiterlimit | undefined;
+    strokeOpacity?: csstype.Property.StrokeOpacity | undefined;
+    strokeWidth?: csstype.Property.StrokeWidth<string | number> | undefined;
+    textAnchor?: csstype.Property.TextAnchor | undefined;
+    vectorEffect?: csstype.Property.VectorEffect | undefined;
+};
+declare const getSeoTagFromTypo: (typo?: TypographySettingV2) => React.ElementType;
+
+type Func$6 = ReturnType<typeof addToCartOperation>;
+type Response$6 = Awaited<ReturnType<Func$6>>;
+type Args$5 = Parameters<Func$6>[0];
+declare const useAddToCart: (options?: SWRMutationConfiguration<Response$6, any, Args$5, 'add-to-cart'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.AddCartLineInput, "add-to-cart">;
+
+type Func$5 = ReturnType<typeof getCartOperation>;
+type Response$5 = Awaited<ReturnType<Func$5>>;
+declare const useCartData: (options?: SWRConfiguration<Response$5 | undefined, any>) => swr__internal.SWRResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any, Partial<swr__internal.PublicConfiguration<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined, any, (arg: "cart") => swr__internal.FetcherResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart | undefined>>> | undefined>;
+
+type Func$4 = ReturnType<typeof cartDiscountCodesUpdateOperation>;
+type Response$4 = Awaited<ReturnType<Func$4>>;
+type Args$4 = Parameters<Func$4>[0];
+declare const useCartDiscountCodesUpdate: (options?: SWRMutationConfiguration<Response$4, any, Args$4, 'cart-discount-codes-update'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CartDiscountCodesUpdateInput, "cart-discount-codes-update">;
+
+type Func$3 = ReturnType<typeof cartNoteUpdateOperation>;
+type Response$3 = Awaited<ReturnType<Func$3>>;
+type Args$3 = Parameters<Func$3>[0];
+declare const useCartNoteUpdate: (options?: SWRMutationConfiguration<Response$3, any, Args$3, 'cart-note-update'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CartNoteUpdateInput, "cart-note-update">;
+
+type Func$2 = ReturnType<typeof createCartOperation>;
+type Response$2 = Awaited<ReturnType<Func$2>>;
+type Args$2 = Parameters<Func$2>[0];
+declare const useCreateCart: (options?: SWRMutationConfiguration<Response$2, any, Args$2, 'create-cart'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.CreateCartInput, "create-cart">;
+
+type Func$1 = ReturnType<typeof removeCartItemOperation>;
+type Response$1 = Awaited<ReturnType<Func$1>>;
+type Args$1 = Parameters<Func$1>[0];
+declare const useRemoveCartItem: (options?: SWRMutationConfiguration<Response$1, any, Args$1, 'remove-cart-item'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.RemoveCartLineInput, "remove-cart-item">;
+
+type Func = ReturnType<typeof updateCartLineOperation>;
+type Response = Awaited<ReturnType<Func>>;
+type Args = Parameters<Func>[0];
+declare const useUpdateCartItem: (options?: SWRMutationConfiguration<Response, any, Args, 'update-cart-item'>) => swr_mutation.SWRMutationResponse<_gem_sdk_adapter_common_dist_types_types_cart.Cart, any, _gem_sdk_adapter_common_dist_types_types_cart.UpdateCartLineInput, "update-cart-item">;
+
+declare const useLocale: () => {
+    locale: string | undefined;
+    changeLocale: (locale: string) => void;
+};
+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;
+};
+declare const usePageType: () => PublishedThemePageType$1;
+declare const useStoreFront: () => {
+    provider: "SHOPIFY" | "BIGCOMMERCE" | undefined;
+    storefrontToken: string | undefined;
+    storefrontUrl: string | undefined;
+};
+declare const usePluginEnable: () => string[] | undefined;
+declare const useEditorMode: () => RenderMode | undefined;
+declare const useMobileOnly: () => boolean | undefined;
+declare const useMatchMutate: () => <T = any>(matcher: RegExp, opts?: boolean | MutatorOptions<T> | undefined) => Promise<(T | undefined)[][]>;
+declare function useConnectedShopify(): boolean;
+declare function useIsSampleProduct(): boolean | undefined;
+declare function useIsStorefrontProduct(): boolean | undefined;
+declare function useCheckoutUrl(url?: string): string | undefined;
+
+declare const useCollectionQuery: (args?: FetchCollectionArgs, options?: SWRConfiguration<CollectionDetailFilterQueryResponse>) => swr__internal.SWRResponse<CollectionDetailFilterQueryResponse, any, Partial<swr__internal.PublicConfiguration<CollectionDetailFilterQueryResponse, any, (arg: ["query/collection", FetchCollectionArgs]) => swr__internal.FetcherResponse<CollectionDetailFilterQueryResponse>>> | undefined>;
+
+declare const useCollectionsQuery: (variable: CollectionsQueryVariables, options?: SWRConfiguration<CollectionsQueryResponse>) => swr__internal.SWRResponse<CollectionsQueryResponse, any, Partial<swr__internal.PublicConfiguration<CollectionsQueryResponse, any, (arg: ["query/collections", Exact$1<{
+    after?: InputMaybe$1<string>;
+    first?: InputMaybe$1<number>;
+    before?: InputMaybe$1<string>;
+    last?: InputMaybe$1<number>;
+    where?: InputMaybe$1<CollectionWhereInput$1>;
+    orderBy?: InputMaybe$1<CollectionOrder$1>;
+}>]) => swr__internal.FetcherResponse<CollectionsQueryResponse>>> | undefined>;
+
+declare const useProductQuery: (productId?: string, options?: SWRConfiguration<ProductSelectFragment>, customFetcher?: FetchFunc) => swr__internal.SWRResponse<ProductSelectFragment, any, Partial<swr__internal.PublicConfiguration<ProductSelectFragment, any, (arg: ["query/product", FetchProductParams]) => swr__internal.FetcherResponse<ProductSelectFragment>>> | undefined>;
+
+declare const useProductsQuery: (ids?: string[], options?: SWRConfiguration<ProductsQueryResponse>, params?: {
+    defaultSelectedProductCount?: number;
+    allStatus?: boolean;
+    fetcher?: FetchFunc;
+}) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", FetchProductsParams]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
+declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined, options?: SWRConfiguration<ProductsQueryResponse>) => swr__internal.SWRResponse<ProductsQueryResponse, any, Partial<swr__internal.PublicConfiguration<ProductsQueryResponse, any, (arg: ["query/products", any]) => swr__internal.FetcherResponse<ProductsQueryResponse>>> | undefined>;
+
+declare const useCurrentDevice: () => NameDevices$1;
+
+declare const shopifyPriceRounding: (amount: number | string, precision?: number) => string;
+declare const formatMoney: (cents: string, format: any) => string;
+declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
+
+declare const useLazyVideo: () => void;
+
+declare const useCartId: () => {
+    cartId: string | null | undefined;
+    updateCartId: (val?: string | null) => void;
+    clearCartId: () => void;
+};
+
+declare const useCartLine: () => _gem_sdk_adapter_common_dist_types_types_cart.LineItem;
+
+declare function useCartUI(): {
+    isCartOpen: boolean | undefined;
+    openCart: () => void;
+    closeCart: () => void;
+};
+
+declare const useCollection: () => CollectionSelectFragment | undefined;
+
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+
+type LoadScriptParams = Parameters<typeof loadScript>;
+type ScriptState = 'loading' | 'done' | 'error';
+/**
+ * The `useLoadScript` hook loads an external script tag on the client-side.
+ */
+declare function useLoadScript(url: LoadScriptParams[0], options?: LoadScriptParams[1]): ScriptState;
+
+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.
@@ -37527,6 +39294,7 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
     pageStyle?: Maybe$1<Pick<PublishedThemeStyle$1, 'id' | 'data' | 'name'>>;
     themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
     themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
+    interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
 };
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
@@ -37545,4 +39313,17 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
 
 declare const addAppBlockId: (component: Component) => Component;
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, 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, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+declare const useInteraction: () => {
+    onListener: ({ event, selector }: {
+        event: string;
+        selector: string;
+    }, callback: (data: any) => void) => void;
+    trigger: ({ event, data, selector }: {
+        event: string;
+        data?: any;
+        selector: string;
+    }) => void;
+    saveToElementInteractionData: (element: HTMLElement, key: string, value: string) => void;
+};
+
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, 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, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResonsiveStyleShadow, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getSeoTagFromTypo, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };