import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";

//#region src/components/pagination/pagination.style.d.ts
declare const paginationStyle: ComponentSlotStyle<"text" | "root" | "item", CSSPropObject<CSSSlotObject<"text" | "root" | "item">>, {
  xs: {
    item: {
      fontSize: "{font-size}";
      _icon: {
        fontSize: "lg" | undefined;
      };
      minBoxSize?: "8" | undefined;
    };
    root: {
      "--font-size": "fontSizes.sm";
    };
    text: {
      fontSize: "{font-size}";
    };
  };
  sm: {
    item: {
      fontSize: "{font-size}";
      _icon: {
        fontSize: "xl" | undefined;
      };
      minBoxSize?: "9" | undefined;
    };
    root: {
      "--font-size": "fontSizes.md";
    };
    text: {
      fontSize: "{font-size}";
    };
  };
  md: {
    item: {
      fontSize: "{font-size}";
      _icon: {
        fontSize: "2xl" | undefined;
      };
      minBoxSize?: "10" | undefined;
    };
    root: {
      "--font-size": "fontSizes.lg";
    };
    text: {
      fontSize: "{font-size}";
    };
  };
  lg: {
    item: {
      fontSize: "{font-size}";
      _icon: {
        fontSize: "3xl" | undefined;
      };
      minBoxSize?: "11" | undefined;
    };
    root: {
      "--font-size": "fontSizes.xl";
    };
    text: {
      fontSize: "{font-size}";
    };
  };
  xl: {
    item: {
      fontSize: "{font-size}";
      _icon: {
        fontSize: "4xl" | undefined;
      };
      minBoxSize?: "12" | undefined;
    };
    root: {
      "--font-size": "fontSizes.2xl";
    };
    text: {
      fontSize: "{font-size}";
    };
  };
  "2xl": {
    item: {
      fontSize: "{font-size}";
      _icon: {
        fontSize: "4xl" | undefined;
      };
      minBoxSize?: "14" | undefined;
    };
    root: {
      "--font-size": "fontSizes.2xl";
    };
    text: {
      fontSize: "{font-size}";
    };
  };
}, {
  outline: {
    item: {
      _current: {
        layerStyle?: "outline" | undefined;
        _hover?: {
          layerStyle: "outline.hover";
        } | undefined;
      };
      layerStyle?: "ghost" | undefined;
      _hover?: {
        layerStyle: "ghost.hover";
      } | undefined;
    };
  };
  solid: {
    item: {
      _current: {
        layerStyle?: "solid" | undefined;
        _hover?: {
          layerStyle: "solid.hover";
        } | undefined;
      };
      layerStyle?: "ghost" | undefined;
      _hover?: {
        layerStyle: "ghost.hover";
      } | undefined;
    };
  };
  subtle: {
    item: {
      _current: {
        layerStyle?: "subtle" | undefined;
        _hover?: {
          layerStyle: "subtle.hover";
        } | undefined;
      };
      layerStyle?: "ghost" | undefined;
      _hover?: {
        layerStyle: "ghost.hover";
      } | undefined;
    };
  };
  surface: {
    item: {
      _current: {
        layerStyle?: "surface" | undefined;
        _hover?: {
          layerStyle: "surface.hover";
        } | undefined;
      };
      layerStyle?: "ghost" | undefined;
      _hover?: {
        layerStyle: "ghost.hover";
      } | undefined;
    };
  };
}>;
type PaginationStyle = typeof paginationStyle;
//#endregion
export { PaginationStyle, paginationStyle };
//# sourceMappingURL=pagination.style.d.ts.map